firefox-devtools-mcp
Installation
How to install and set up firefox-devtools-mcp
Installation
Requirements
- Node.js >= 20.19.0
- Firefox 100+ installed
Claude Code CLI (Recommended)
claude mcp add firefox-devtools npx firefox-devtools-mcp@latestWith options:
# Headless + viewport via args
claude mcp add firefox-devtools npx firefox-devtools-mcp@latest -- --headless --viewport 1280x720
# Or via environment variables
claude mcp add firefox-devtools npx firefox-devtools-mcp@latest \
--env START_URL=https://example.com \
--env FIREFOX_HEADLESS=trueClaude Code Settings JSON
Add to your Claude Code config file:
- macOS:
~/Library/Application Support/Claude/Code/mcp_settings.json - Linux:
~/.config/claude/code/mcp_settings.json - Windows:
%APPDATA%\Claude\Code\mcp_settings.json
{
"mcpServers": {
"firefox-devtools": {
"command": "npx",
"args": ["-y", "firefox-devtools-mcp@latest", "--headless", "--viewport", "1280x720"],
"env": {
"START_URL": "about:home"
}
}
}
}Local Development
git clone https://github.com/freema/firefox-devtools-mcp.git
cd firefox-devtools-mcp
npm install
npm run buildTry with MCP Inspector
npx @modelcontextprotocol/inspector npx firefox-devtools-mcp@latest --start-url https://example.com --headlessNotes
- This MCP server requires a local Firefox browser installation
- Cannot run on cloud hosting services
- Use
npx firefox-devtools-mcp@latestto always use the latest version