RoadContextBridge/index.html at main · BlackRoad-Forge/RoadContextBridge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Context Bridge</title>
    <style>
        body {
            font-family: 'Linux Libertine', Georgia, Times, serif;
            font-size: 14px;
            line-height: 1.6;
            color: #000;
            background: #fff;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 900px;
            margin: 0 auto;
        }
        h1 {
            font-family: 'Linux Libertine', Georgia, Times, serif;
            font-size: 28px;
            font-weight: normal;
            border-bottom: 1px solid #a2a9b1;
            margin-top: 1em;
            margin-bottom: 0.25em;
            padding-bottom: 0.17em;
        }
        h2 {
            font-family: 'Linux Libertine', Georgia, Times, serif;
            font-size: 21px;
            font-weight: normal;
            border-bottom: 1px solid #a2a9b1;
            margin-top: 1em;
            margin-bottom: 0.25em;
        }
        h3 {
            font-family: 'Linux Libertine', Georgia, Times, serif;
            font-size: 17px;
            font-weight: bold;
            margin-top: 0.5em;
        }
        p {
            margin: 0.5em 0;
        }
        a {
            color: #0645ad;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        ul {
            margin: 0.3em 0 0 1.6em;
            padding: 0;
        }
        li {
            margin-bottom: 0.1em;
        }
        .infobox {
            border: 1px solid #a2a9b1;
            background: #f8f9fa;
            padding: 15px;
            margin: 1em 0;
            width: 100%;
            box-sizing: border-box;
        }
        .signup-form {
            margin: 2em 0;
            padding: 20px;
            border: 1px solid #a2a9b1;
            background: #f8f9fa;
        }
        input[type="email"] {
            font-family: inherit;
            font-size: 14px;
            padding: 6px;
            width: 300px;
            border: 1px solid #a2a9b1;
        }
        button {
            font-family: inherit;
            font-size: 14px;
            padding: 6px 12px;
            background: #f8f9fa;
            border: 1px solid #a2a9b1;
            cursor: pointer;
        }
        button:hover {
            background: #e8e9ea;
        }
        .footnote {
            font-size: 12px;
            color: #54595d;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Context Bridge</h1>

        <p><strong>Context Bridge</strong> is a system for maintaining persistent context across multiple AI assistant conversations. It addresses the problem of context loss between sessions when using tools like Claude, ChatGPT, or GitHub Copilot.</p>

        <h2>The Problem</h2>

        <p>Users of AI assistants frequently encounter the following issues:</p>

        <ul>
            <li>Each new conversation begins with no knowledge of previous sessions</li>
            <li>Users must spend approximately 10 minutes re-explaining their project context at the start of each conversation</li>
            <li>Context fragmentation occurs across different AI platforms</li>
            <li>Inability to simply continue from where a previous conversation ended</li>
        </ul>

        <h2>The Solution</h2>

        <p>Context Bridge maintains a single, authoritative context document that can be accessed by any AI assistant. The system works as follows:</p>

        <ul>
            <li>A structured context file is created and maintained</li>
            <li>The file is hosted at a publicly accessible URL</li>
            <li>Users provide this URL to AI assistants at the beginning of conversations</li>
            <li>AI assistants read the context file and immediately understand the current state of work</li>
            <li>Updates to the context file propagate to all future conversations</li>
        </ul>

        <h3>Technical Implementation</h3>

        <p>The current implementation uses GitHub Gists as the hosting mechanism, providing version control and public accessibility. A simple update script allows users to refresh the context with a single command.</p>

        <h2>Get Started - 100% FREE Forever</h2>

        <div class="infobox" style="background: #e8f5e9; border-color: #4caf50;">
            <p style="font-size: 18px; margin: 0;"><strong>✅ Status:</strong> Live &amp; Available Now!</p>
            <p style="font-size: 18px; margin: 0.5em 0 0 0;"><strong>💰 Pricing:</strong> FREE Forever (No account required)</p>
            <p style="font-size: 14px; margin: 0.5em 0 0 0;"><strong>📜 License:</strong> MIT Open Source</p>
        </div>

        <h3>Quick Install</h3>

        <p style="font-size: 16px;"><strong>📦 CLI Tool</strong> (Recommended - Instant Setup):</p>
        <pre style="background: #f8f9fa; padding: 15px; border: 2px solid #4caf50; overflow-x: auto; font-size: 15px;">npm install -g @blackroad-os/context-bridge-cli</pre>

        <p>Then use:</p>
        <pre style="background: #f8f9fa; padding: 10px; border: 1px solid #a2a9b1; overflow-x: auto;">context init developer
context view
context update</pre>

        <p style="margin-top: 1.5em; font-size: 16px;"><strong>🌐 Browser Extension</strong> (Coming Soon to Chrome Web Store):</p>
        <ul>
            <li><a href="https://github.com/BlackRoad-OS/context-bridge">Install from Source</a> (Chrome, Edge, Firefox)</li>
            <li>Chrome Web Store: Under Review</li>
            <li>Firefox Add-ons: Coming Soon</li>
        </ul>

        <p style="background: #fff3cd; padding: 10px; border: 1px solid #ffc107; margin-top: 1em;">
            <strong>💡 Tip:</strong> The CLI is the fastest way to get started. Install it now and you'll be up and running in 30 seconds!
        </p>

        <h2>Resources</h2>
        <ul>
            <li><a href="https://www.npmjs.com/package/@blackroad-os/context-bridge-cli">npm Package</a> - Official CLI on npm</li>
            <li><a href="https://github.com/BlackRoad-OS/context-bridge">GitHub Repository</a> - Source code &amp; documentation</li>
            <li><a href="https://gist.github.com/blackboxprogramming/8bb9904096b3203ee52bfc976dfafb3e">Example Context File</a> - See it in action</li>
        </ul>

        <h2>Community</h2>
        <p>Context Bridge is built by <a href="https://blackroad.io">BlackRoad OS</a> and maintained by the open source community.</p>
        <ul>
            <li><strong>Support:</strong> <a href="https://github.com/BlackRoad-OS/context-bridge/issues">GitHub Issues</a></li>
            <li><strong>Twitter:</strong> <a href="https://twitter.com/BlackRoadOS">@BlackRoadOS</a></li>
            <li><strong>Contributing:</strong> Pull requests welcome!</li>
        </ul>

        <hr style="margin-top: 2em; border: 0; border-top: 1px solid #a2a9b1;">

        <p class="footnote">This page was last modified on 14 February 2026. Context Bridge is free software released under the MIT License.</p>
    </div>

    <script>
        document.getElementById('signup-form').addEventListener('submit', async (e) => {
            e.preventDefault();
            const email = document.getElementById('email').value;
            const messageDiv = document.getElementById('message');

            try {
                const response = await fetch('https://formspree.io/f/xanyoewe', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ email })
                });

                if (response.ok) {
                    messageDiv.textContent = 'Thanks! You\'ll hear from us on February 14th.';
                    messageDiv.style.display = 'block';
                    document.getElementById('email').value = '';
                } else {
                    throw new Error('Failed');
                }
            } catch (error) {
                messageDiv.textContent = 'Something went wrong. Please try again.';
                messageDiv.style.background = '#f8d7da';
                messageDiv.style.borderColor = '#f5c6cb';
                messageDiv.style.display = 'block';
            }
        });
    </script>
</body>
</html>