Model Context Protocol server for automating Firefox via WebDriver BiDi (through Selenium WebDriver). Works with Claude Code, Claude Desktop, Cursor, Cline and other MCP clients.
> /plugin marketplace add mozilla/firefox-devtools-mcp> /plugin install firefox-devtools-mcp@firefox-devtools-plugins
Repo: mozilla/firefox-devtools-mcp
What's inside
Model Context Protocol server for automating Firefox via WebDriver BiDi (through Selenium WebDriver). Works with Claude Code, Claude Desktop, Cursor, Cline and other MCP clients.
Repository: https://github.com/mozilla/firefox-devtools-mcp
Note: This MCP server requires a local Firefox browser installation and cannot run on cloud hosting services like glama.ai. Use
npx @mozilla/firefox-devtools-mcp@latestto run locally, or use Docker with the provided Dockerfile.
Browser MCP servers carry inherent risks. A few key practices:
--tool-preset developer (script, debugging) and --tool-preset mozilla (privileged context) significantly expand what the agent can do.See SECURITY.md for a full breakdown of risks and how to report vulnerabilities.
--firefox-path)Recommended: use npx so you always run the latest published version from npm.
Option A β Claude Code CLI
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest
Pass options either as args or env vars. Examples:
# Headless + viewport via args
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest -- --headless --viewport 1280x720
# Or via environment variables
claude mcp add firefox-devtools npx @mozilla/firefox-devtools-mcp@latest \
--env START_URL=https://example.com \
--env FIREFOX_HEADLESS=true
Option B β Edit Claude Code settings JSON
Add to your Claude Code config file:
~/Library/Application Support/Claude/Code/mcp_settings.json~/.config/claude/code/mcp_settings.json%APPDATA%\Claude\Code\mcp_settings.json{
"mcpServers": {
"firefox-devtools": {
"command": "npx",
"args": ["-y", "@mozilla/firefox-devtools-mcp@latest", "--headless", "--viewport", "1280x720"],
"env": {
"START_URL": "about:blank"
}
}
}
}
Option C β Helper script (local dev build)
npm run setup
# Choose Claude Code; the script saves JSON to the right path
npx @modelcontextprotocol/inspector npx @mozilla/firefox-devtools-mcp@latest --start-url https://example.com --headless
Then call tools like:
list_pages, select_page, navigate_pagetake_snapshot then click_by_uid / fill_by_uidlist_network_requests (alwaysβon capture), get_network_requestlist_downloads (alwaysβon capture), set_download_behaviorscreenshot_page, list_console_messagesYou can pass flags or environment variables (names on the right):
--firefox-path β absolute path to Firefox binary--headless β run without UI (FIREFOX_HEADLESS=true)--viewport 1280x720 β initial window size--profile-path β use a specific Firefox profile--firefox-arg β extra Firefox arguments (repeatable)--start-url β open this URL on start (START_URL)--accept-insecure-certs β ignore TLS errors (ACCEPT_INSECURE_CERTS=true)--connect-existing β attach to an already-running Firefox instead of launching a new one (CONNECT_EXISTING=true)--marionette-port β Marionette port for connect-existing mode, default 2828 (MARIONETTE_PORT)--pref name=value β set Firefox preference at startup via moz:firefoxOptions (repeatable)--tool-preset β select which tool modules to enable: slim, basic (default), developer, mozilla, or all. See Tool modules and presets. (TOOL_PRESET)--tools β explicit list of tool modules to enable, overriding --tool-preset entirely (e.g. --tools pages network script). See Tool modules and presets.--enable-script β deprecated, use --tool-preset developer or --tools ... script debugging. Selects the developer tool preset. (ENABLE_SCRIPT=true)--enable-privileged-context β deprecated, use --tool-preset mozilla or --tools ... privileged prefs. Selects the mozilla tool preset. Requires MOZ_REMOTE_ALLOW_SYSTEM_ACCESS=1 (ENABLE_PRIVILEGED_CONTEXT=true)--android-device β enable Firefox for Android mode; value is the ADB device serial (e.g. emulator-5554). Run adb devices to list connected devices. Omit the value or use auto to select the single connected device automatically.--android-package β Android app package name, default org.mozilla.firefox. Other packages: org.mozilla.firefox_beta for Firefox Beta, org.mozilla.fenix for Firefox Nightly, org.mozilla.fenix.debug for Firefox Nightly Debug, org.mozilla.geckoview_example for geckoview (ANDROID_PACKAGE)--log-file β write MCP server logs to a file instead of stderr. Useful for debugging sessions with MCP clients that hide server output. Set DEBUG=* to also include verbose debug logs. Example: --log-file /tmp/firefox-mcp.logTools are grouped into modules. You choose which modules to expose either with a named preset
(--tool-preset) or with an explicit list (--tools). When both are given, --tools wins and
the preset is ignored.
Modules: pages, snapshot, input, network, console, screenshot, utilities,
management, webextension, profiler, screencast, script, debugging, prefs,
privileged.
Presets (each is a superset of the previous):
slim β pages, snapshot, input, network, consolebasic (default) β slim plus screenshot, utilities, management, webextension, profiler, screencastdeveloper β basic plus script, debuggingmozilla β developer plus prefs, privilegedall β every module# Use the developer preset (adds script and debugging tools)
npx @mozilla/firefox-devtools-mcp --tool-preset developer
# Enable only the modules you need
npx @mozilla/firefox-devtools-mcp --tools pages network console
The prefs and privileged modules require MOZ_REMOTE_ALLOW_SYSTEM_ACCESS=1 and are only
available in the Mozilla-internal build; the public package silently skips them even if requested.
--pref)Use --android-device to automate Firefox running on an Android device. Requires adb on your PATH and geckodriver, which is managed automatically.
# List connected devices
adb devices
# Launch Firefox for Android on the single connected device
npx @mozilla/firefox-devtools-mcp --android-device auto
# Target a specific device
npx @mozilla/firefox-devtools-mcp --android-device <serial>
# Use Firefox Nightly instead
npx @mozilla/firefox-devtools-mcp --android-device <serial> --android-package org.mozilla.fenix
Port forwarding between the host and device is handled automatically by geckodriver.
Use --connect-existing to automate your real browsing session, with cookies, logins, and open tabs intact:
# Start Firefox with Marionette and the Remote Agent (BiDi)
firefox --marionette --remote-debugging-port
# Run the MCP server
npx @mozilla/firefox-devtools-mcp --connect-existing --marionette-port 2828
Both flags are required because the MCP uses both WebDriver Classic (--marionette) and WebDriver BiDi (--remote-debugging-port). If Firefox is only started with --marionette, the MCP server fails to connect and asks you to restart Firefox with both flags.
Warning: Do not leave Marionette enabled during normal browsing. It sets
navigator.webdriver = trueand changes other browser fingerprint signals, which can trigger bot detection on sites protected by Cloudflare, Akamai, etc. Only enable Marionette when you need MCP automation, then restart Firefox normally afterward.
saveTo)saveTo)saveTo)saveTo)saveTo for CLI environments)sandbox for an isolated realm; optional saveTo for bulky results)MOZ_REMOTE_ALLOW_SYSTEM_ACCESS=1)MOZ_REMOTE_ALLOW_SYSTEM_ACCESS=1)Large tool output can consume significant context in CLI clients like Claude Code. The
screenshot_page, screenshot_by_uid, take_snapshot, list_console_messages,
list_network_requests, get_network_request, get_page_text,
evaluate_script, and
evaluate_privileged_script tools accept an optional saveTo parameter that writes the
result to a file instead of returning it inline. saveTo takes one of three forms:
~/.firefox-devtools-mcp; parent directories are created)true (a timestamped file is generated under ~/.firefox-devtools-mcp/output/)The response returns the path and byte size. The saved file always holds the full, untruncated data: the inline size safeguards (console message caps, network header truncation, snapshot line caps) never apply to it.
The text-producing tools (everything except the screenshots) also accept preview, a number
of characters of the saved output to echo back inline as a short excerpt. Screenshots have no
preview.
screenshot_page({ saveTo: "page.png" })
take_snapshot({ saveTo: true })
list_network_requests({ urlContains: "api", saveTo: "network.json" })
evaluate_script({ function: "() => performance.getEntries()", saveTo: true, preview: 2000 })
By default, save paths are restricted: relative paths resolve against the current working
directory, and absolute paths are only allowed within ~/.firefox-devtools-mcp. Paths that
escape these locations are rejected. Start the server with --unrestricted-save-paths to
write to arbitrary locations, including absolute paths outside that directory.
Saved files can then be viewed for instance with Claude Code's Read tool without impacting context size.
npm install
npm run build
# Run with Inspector against local build
npx @modelcontextprotocol/inspector node dist/index.js --headless --viewport 1280x720
# Or run in dev with hot reload
npm run inspector:dev
See CONTRIBUTING.md for more details on local development, testing, and CI.
--firefox-path "/Applications/Firefox.app/Contents/MacOS/firefox" (macOS) or the correct path on your OS.take_snapshot) when a UID tool reports one is gone.Solution 1 Wrap with cmd /c (details):
"mcpServers": {
"firefox-devtools": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@mozilla/firefox-devtools-mcp@latest"]
}
}
Solution 2 Use the absolute path to npx (adjust extension β .cmd, .bat, .exe, or .ps1 β to match your setup):
"mcpServers": {
"firefox-devtools": {
"command": "C:\\nvm4w\\nodejs\\npx.ps1",
"args": ["-y", "@mozilla/firefox-devtools-mcp@latest"]
}
}
0.x. Use @latest with npx for the newest release.See CONTRIBUTING.md for how to file issues, run tests, and work on the project locally.
Maintained by Mozilla.
Licensed under either of MIT or Apache 2.0 at your option.
.claude-plugin/
cowork-allow.png
cowork-cowork-tab.jpg
cowork-cowork-tab.png
cowork-customize-add-marketplace-url.png
cowork-customize-add-marketplace.png
cowork-customize-continue.png
cowork-customize-directory-popup.png
cowork-customize-plugins.png
cowork-customize.png
cowork-npm-version.png
COWORK.md
marketplace.json
README.md
.codecov.yml
.env.example
.eslintrc.json
.github/
workflows/
ci.yml
pr-check.yml
publish.yml
release.yml
.gitignore
.prettierignore
.prettierrc.json
AGENTS.md
CHANGELOG.md
CLAUDE.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
docker-compose.yml
Dockerfile
docs/
ci-and-release.md
firefox-client.md
testing.md
LICENSE-APACHE
LICENSE-MIT
manifest.json
package-lock.json
package.json
plugins/
firefox-devtools-mcp/
.claude-plugin/
plugin.json
agents/
e2e-tester.md
web-extractor.md
skills/
browser-automation/
SKILL.md
debug/
SKILL.md
navigate/
SKILL.md
screenshot/
SKILL.md
firefox-devtools-troubleshoot/
.claude-plugin/
plugin.json
skills/
diagnose/
SKILL.md
README.md
scripts/
_helpers/
page-loader.js
build-mcpb.mjs
demo-server.js
generate-moz-package.mjs
publish-moz-package.mjs
run-integration-tests-windows.mjs
setup-mcp-config.js
test-bidi-devtools.js
test-closed-window.js
test-console.js
test-dialog.js
test-firefox-temp.js
test-input-tools.js
test-lifecycle-hooks.js
test-mozlog.js
test-navigation.js
test-privileged-context.js
test-screenshot.js
SECURITY.md
src/
cli.ts
config/
constants.ts
firefox/
core.ts
dom.ts
events/
console.ts
debugging.ts
downloads.ts
index.ts
network.ts
index.ts
pages.ts
pref-utils.ts
profile.ts
snapshot/
formatter.ts
index.ts
injected/
attributeCollector.ts
elementCollector.ts
selectorGenerator.ts
snapshot.injected.ts
treeWalker.ts
uidRegistry.ts
manager.ts
resolver.ts
types.ts
types.ts
index.moz.ts
index.public.ts
index.ts
tools/
console.ts
debugging.ts
downloads.ts
firefox-management.ts
firefox-prefs.ts
index.ts
input.ts
module.ts
network.ts
pages.ts
privileged-context.ts
profiler.ts
registry.ts
screencast.ts
screenshot.ts
script.ts
snapshot.ts
utilities.ts
webextension.ts
types/
common.ts
selenium-webdriver-firefox.d.ts
utils/
errors.ts
js-validation.ts
logger.ts
remote-value.ts
response-helpers.ts
save-output.ts
uid-helpers.ts
version.ts
Taskfile.yaml
tests/
cli/
prefs-parsing.test.ts
tool-preset.test.ts
firefox/
connect-existing.test.ts
core-prefs.test.ts
core.test.ts
events/
debugging.test.ts
downloads.test.ts
network.test.ts
pages.test.ts
pref-utils.test.ts
profile.test.ts
snapshot/
injected/
elementCollector.test.ts
snapshot.injected.test.ts
treeWalker.test.ts
resolver.test.ts
types.test.ts
fixtures/
console.html
e2e-app.html
form.html
network.html
selector.html
simple.html
test-extension/
manifest.json
popup.html
visibility.html
helpers/
firefox.ts
integration/
console.integration.test.ts
e2e-scenario.integration.test.ts
form.integration.test.ts
moz-extension.integration.test.ts
network.integration.test.ts
snapshot.integration.test.ts
tabs.integration.test.ts
setup.ts
smoke.test.ts
snapshot/
formatter-advanced.test.ts
formatter.test.ts
tools/
console.test.ts
firefox-management.test.ts
firefox-prefs.test.ts
input.test.ts
network.test.ts
pages.test.ts
privileged-context-state.test.ts
privileged-context.test.ts
profiler.test.ts
registry.test.ts
screencast.test.ts
screenshot.test.ts
script.test.ts
snapshot.test.ts
utilities.test.ts
tsconfig.json
utils/
errors.test.ts
js-validation.test.ts
logger.test.ts
remote-value.test.ts
response-helpers-extended.test.ts
save-output.test.ts
version.test.ts
tsconfig.json
tsup.config.moz.ts
tsup.config.ts
vitest.config.tsFAQ
firefox-devtools-mcp is a Claude Code plugin with 5 hand-picked skills for automation work, indexed on Flowy. Install it with the command on its page. It includes browser-automation, debug, navigate. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.