Skip to content

update readmes for Chrome Web Store launch #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kashishhora merged 1 commit into from
Mar 11, 2026
Merged

update readmes for Chrome Web Store launch #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,9 +78,10 @@ This library provides React bindings for that API. `<WebMCPProvider>` installs a

## Connect to AI clients

Desktop MCP clients like Claude Code and Cursor can't access `navigator.modelContext` directly. This repo includes a [Chrome extension](./extension) that connects your registered tools to any MCP client.
Desktop MCP clients like Claude Code and Cursor can't access `navigator.modelContext` directly. The [WebMCP Bridge extension](https://chromewebstore.google.com/detail/webmcp-bridge/chgjbookknohehmaocfijekhaocaanaf) connects your registered tools to any MCP client.

See the [extension setup guide](./extension/README.md) for build, install, and configuration instructions.
1. Install the extension from the [Chrome Web Store](https://chromewebstore.google.com/detail/webmcp-bridge/chgjbookknohehmaocfijekhaocaanaf)
2. Configure your MCP client — see the [extension setup guide](./extension/README.md) for details

Once Chrome supports this bridging natively, I'll deprecate the extension.

Expand Down
9 changes: 4 additions & 5 deletions extension/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,9 @@ pnpm build

### 2. Install in Chrome

1. Open `chrome://extensions/`
2. Enable **Developer mode** (top right)
3. Click **Load unpacked**
4. Select the `extension/dist/` directory
Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/webmcp-bridge/chgjbookknohehmaocfijekhaocaanaf).

I'll try to release it on the Chrome Webstore so it's easier to install.
For development, you can also load from source — see [Development](#development) below.

### 3. Configure your MCP client

Expand Down Expand Up @@ -91,6 +88,8 @@ pnpm dev
pnpm typecheck
```

To load from source, build the extension (`pnpm build`), then open `chrome://extensions/`, enable **Developer mode**, click **Load unpacked**, and select the `extension/dist/` directory.

After rebuilding, click the reload button on `chrome://extensions/` to pick up changes.

### Project structure
Expand Down
Loading