Back to Discover

mcp

connector

extensiondev

Build, run, inspect, and publish browser extensions from any MCP client. 28 tools, 11 browsers.

View on GitHub
0 starsSynced Aug 2, 2026

Install to Claude Code

/plugin marketplace add extensiondev/mcp

README

@extension.dev/mcp Version Downloads Discord

Give your AI agent hands for browser extension development. 28 MCP tools that scaffold, run, inspect, debug, and publish cross-browser extensions.

Logo
claude mcp add extension-dev npx @extension.dev/mcp

Works with Claude Code, Claude Desktop, Cursor, and any MCP client.

extension.dev · Extension.js · Templates · Examples · Discord

Why an MCP server for extensions

Extensions fail silently: content scripts that never inject, panels that never open, permissions that return undefined with no error. An agent editing files blind will happily "fix" all of them without noticing none of them work.

These tools give agents eyes on the live browser, so they debug from evidence instead of guessing:

  • Scaffold from the 50+ template catalog behind templates.extension.dev, or add a popup, sidebar, or content script to an existing project
  • Run the dev server with HMR in Chrome, Edge, Firefox, Brave, Opera, Vivaldi, Yandex, Waterfox, LibreWolf, or any Chromium- or Gecko-based binary, plus Safari on macOS (no HMR yet), no build config
  • See the live DOM, unified logs from every extension context, chrome.storage contents, and the loaded-extension list
  • Act: evaluate code in any context, trigger the action button and commands, reload the extension, replay events
  • Ship: validate the manifest cross-browser, build for production, publish a shareable preview, and promote builds to release channels headlessly

Built on Extension.js, the open-source cross-browser extension framework.

Clients

Claude CodeClaude DesktopCursor
Claude CodeClaude DesktopCursor

Setup

Claude Code

claude mcp add extension-dev npx @extension.dev/mcp

Or install it as a plugin, the MCP server plus the /extension, /extension-add, /extension-debug, and /extension-publish commands in one step:

/plugin marketplace add extensiondev/mcp
/plugin install extension-mcp@extensiondev-mcp

Cursor

Install MCP Server

Claude Desktop / .mcp.json

{
  "mcpServers": {
    "extension-dev": {
      "command": "npx",
      "args": ["@extension.dev/mcp"]
    }
  }
}

Pair with the skill

This server gives agents hands; @extension.dev/skill gives them judgment: the cross-browser rules, silent-failure gotchas, debugging playbooks, and store checklist, packaged in the open Agent Skills format. With both installed, agents know to verify against the live browser instead of guessing, and these tools make that a one-call operation.

npm i -D @extension.dev/skill
mkdir -p .claude/skills && cp -R node_modules/@extension.dev/skill/skills/extension-dev .claude/skills/

Claude Code project integration

The package ships drop-in instructions, slash commands, and rules for extension projects:

# Rules (how Claude understands your project)
cp node_modules/@extension.dev/mcp/claude/CLAUDE.md ~/my-extension/.claude/CLAUDE.md

# Slash commands (/extension, /extension-add, /extension-debug, /extension-publish)
mkdir -p ~/my-extension/.claude/commands
cp node_modules/@extension.dev/mcp/claude/commands/*.md ~/my-extension/.claude/commands/

Tools

TierToolDescription
buildextension_createScaffold from a template
buildextension_templatesBrowse 50+ templates (list) and read one's source (source)
buildextension_add_featureAdd sidebar/popup/content script
buildextension_buildBuild for production
runextension_devDev server with HMR
runextension_startBuild + launch the production build (build: false launches the existing dist)
runextension_waitPoll the dev-server ready contract
runextension_stopStop a dev/start/preview session (server + browser)
seeextension_manifest_validateCross-browser manifest validation
seeextension_analyzeStatic analysis of the built extension on disk
seeextension_inspectDeep live inspection of a running extension (closed shadow roots, probes)
seeextension_dom_snapshotShallow DOM snapshot of a chosen tab or extension surface over the agent bridge
seeextension_list_extensionsList loaded extensions (Chromium and Firefox)
seeextension_logsStream logs from every context
seeextension_doctorDiagnose the dev session leg by leg (ready contract, ports, token, executor, browser)
seeextension_theme_verifyVerify a Chrome theme manifest against the colors Chrome actually paints
actextension_evalEvaluate in a context (needs allowEval: true on extension_dev)
actextension_storageRead/write chrome.storage
actextension_reloadReload extension or tab
actextension_openOpen a surface / trigger action, command
browsersextension_browsersDetect, list, install, and uninstall browsers
platformextension_authDevice login at extension.dev, plus login status and logout
platformextension_preview_webRender a build in the web emulator, and share it as a link
platformextension_sharesList every link you have shared, and revoke one permanently
platformextension_publishPublish a shareable preview to extension.dev
platformextension_release_promotePromote a build to a release channel, headless
platformextension_submitSubmit for store review: Chrome, Firefox and Edge, through extension.dev
platformextension_release_statusRead release channels, recent builds, and store submission and review state

Browser-launching tools (dev, start) shell out to the extension CLI, the project's own node_modules/.bin/extension when present, otherwise npx extension@<pinned> at the version this package is verified against; everything else runs in-process.

Sharing a build in progress

An unpacked extension is unusually hard to hand to someone: the only way to look at a colleague's work-in-progress has been to take their zip and run untrusted code with real browser permissions on your own machine. extension_preview_web with share: true uploads the dist/ it just built and returns a link that renders those exact bytes in the emulator. Whoever opens it installs nothing and signs in to nothing, which is what lets a designer, a PM, or a reviewer into the loop at all. Those bytes run in an isolated sandbox origin or they do not run at all: preview refuses a shared build rather than serving it in its own renderer. Sharing needs auth (extension_auth or EXTENSION_DEV_TOKEN), the link lives 30 days, and DELETEing the returned revokeUrl with the same token kills it early. Re-sharing an unchanged build returns that same link rather than a second one, and only a revoked link is replaced by a different one, because revocation is permanent: the address is burned and never resolves again. That makes revokeUrl the handle to the link you just made, so every share is also appended to .extension.dev/shared-previews.json in the project (gitignored) so it survives losing the tool output. The upload holds up to 2,000 files and about 64MB of text, or roughly 48MB when the build is mostly images, fonts or wasm, which travel base64-encoded. Without share, the tool returns a local-only deep link and uploads nothing.

extension_shares is the other half of that: it lists every link the token has shared, live and dead, with the previewUrl and revokeUrl of each, and revokes one by artifactId or by pasting any of its URLs. Pass projectPath and it reconciles the platform's answer with the project's own record, so a link shared from another machine shows up as remoteOnly and a record with nothing behind it any more shows up under localOnly. It never rewrites the local file.

That is a different job from shipping. Use share for the build you are holding right now; use extension_publish and extension_release_promote below for builds your CI has released.

From preview to store

The platform tools connect agents to extension.dev: extension_auth runs extension.dev's own device flow (you approve the code at extension.dev/device, and GitHub is federated server-side, so no GitHub token ever reaches your machine) and stores a project-scoped token locally (never returned to the agent), extension_publish turns a build your project has already published into a shareable URL, and extension_release_promote promotes a tested build to a release channel from CI or an agent session, no browser required. extension_submit submits a built extension to the Chrome Web Store, Edge Add-ons, and Firefox AMO through extension.dev, which holds your store credentials and dispatches the release from your project's mirror CI, it defaults to a dry run and store credentials are never tool arguments. Safari and the App Store are one paid lane on the platform, so a free workspace is refused there and the other three stores are unaffected. The two verbs are not interchangeable: extension_publish pushes to the extension.dev platform, extension_submit sends the build into a store's review queue, which is irreversible. After a real submission, extension_release_status reads the recorded outcome, per-store credential health, and review state from the project's public registry, so agents and CI can answer "was it approved?" without a console visit. Access tokens live at most 7 days; CI pipelines re-mint them from the console's Access tokens page.

The extension.dev stack

PackageUse it to
@extension.dev/skillTeach AI agents the judgment half: cross-browser rules, gotchas, playbooks
@extension.dev/artifact-integrityVerify extension artifacts and gate CI on tampered bytes before they ship

All of it rides on Extension.js, the open-source cross-browser extension framework.

Community

  • Join the extension.dev Discord for help and feedback
  • Browse production-ready templates at templates.extension.dev
  • Follow the platform's public packages on GitHub
  • Report Extension.js framework issues on GitHub

License

Apache-2.0 (c) 2026 Cezar Augusto and the extension.dev collaborators. See LICENSE.

Rendered live from extensiondev/mcp's GitHub README — not stored, always reflects the source repo.

1 Install Method

NameDescriptionCategorySource
npm packageInstall via npm (stdio transport)mcp-server@extension.dev/mcp

0 Comments

Login required
Log in to post a comment or update on this repo.

No comments yet — be the first to share an update.