{"skill":{"slug":"mcp-chrome","displayName":"mcp-chrome","summary":"Control Chrome browser with AI using MCP protocol. Use when users want to automate browser tasks, take screenshots, fill forms, click elements, navigate page...","description":"---\nname: browser-automation\ndescription: Control Chrome browser with AI using MCP protocol. Use when users want to automate browser tasks, take screenshots, fill forms, click elements, navigate pages, search browsing history, manage bookmarks, or perform any browser-based automation. Works with your existing Chrome browser and login sessions.\n---\n\n# Browser Automation (Chrome MCP Server)\n\nTurn your Chrome browser into your intelligent assistant - Let AI take control of your browser.\n\n## When to Use This Skill\n\nUse this skill when the user:\n\n- Wants to automate browser tasks (clicking, filling forms, navigating)\n- Needs to take screenshots of web pages or elements\n- Wants to extract content from web pages\n- Asks to search browsing history or manage bookmarks\n- Needs to monitor network requests\n- Wants AI to interact with websites using their existing login sessions\n\n## Installation\n\n### Step 1: Install the Native Bridge\n\n```bash\nnpm install -g mcp-chrome-bridger\n# or\npnpm install -g mcp-chrome-bridger\nmcp-chrome-bridger register\n```\n\n### Step 2: Install Chrome Extension\n\nDownload from [GitHub Releases](https://github.com/femto/mcp-chrome/releases):\n\n1. Download `mcp-chrome-extension-vX.X.X.zip`\n2. Open Chrome → `chrome://extensions/`\n3. Enable \"Developer mode\"\n4. Click \"Load unpacked\" and select the extracted folder\n5. Click the extension icon → Click \"Connect\"\n\n### Step 3: Configure MCP Client\n\nAdd to your MCP client configuration:\n\n**Streamable HTTP (Recommended):**\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-mcp-server\": {\n      \"type\": \"http\",\n      \"url\": \"http://127.0.0.1:12306/mcp\"\n    }\n  }\n}\n```\n\n**STDIO (Alternative):**\n\n```json\n{\n  \"mcpServers\": {\n    \"chrome-mcp-server\": {\n      \"command\": \"npx\",\n      \"args\": [\"mcp-chrome-bridger\", \"stdio\"]\n    }\n  }\n}\n```\n\n## Available Tools (20+)\n\n### Browser Management\n\n| Tool | Description |\n|------|-------------|\n| `get_windows_and_tabs` | List all browser windows and tabs |\n| `chrome_navigate` | Navigate to URLs, control viewport |\n| `chrome_switch_tab` | Switch active tab |\n| `chrome_close_tabs` | Close specific tabs |\n| `chrome_go_back_or_forward` | Browser history navigation |\n\n### Screenshots\n\n| Tool | Description |\n|------|-------------|\n| `chrome_screenshot` | Capture full page, viewport, or specific elements |\n\n### Content Analysis\n\n| Tool | Description |\n|------|-------------|\n| `chrome_get_web_content` | Extract HTML/text from pages |\n| `chrome_get_interactive_elements` | Find clickable elements |\n| `search_tabs_content` | AI-powered semantic search across tabs |\n| `chrome_console` | Capture browser console output |\n\n### Interaction\n\n| Tool | Description |\n|------|-------------|\n| `chrome_click_element` | Click elements via CSS selector |\n| `chrome_fill_or_select` | Fill forms and select options |\n| `chrome_keyboard` | Simulate keyboard input |\n\n### Data Management\n\n| Tool | Description |\n|------|-------------|\n| `chrome_history` | Search browsing history |\n| `chrome_bookmark_search` | Find bookmarks |\n| `chrome_bookmark_add` | Add new bookmarks |\n| `chrome_bookmark_delete` | Delete bookmarks |\n\n### Network\n\n| Tool | Description |\n|------|-------------|\n| `chrome_network_capture_start/stop` | Monitor network requests |\n| `chrome_network_request` | Send HTTP requests with browser cookies |\n\n## Example Usage\n\n### Navigate and Screenshot\n\n```\nUser: \"Take a screenshot of github.com\"\n\nAI uses:\n1. chrome_navigate(url: \"https://github.com\")\n2. chrome_screenshot(fullPage: true)\n```\n\n### Fill a Form\n\n```\nUser: \"Login to my account on example.com\"\n\nAI uses:\n1. chrome_navigate(url: \"https://example.com/login\")\n2. chrome_fill_or_select(selector: \"#email\", value: \"user@example.com\")\n3. chrome_fill_or_select(selector: \"#password\", value: \"...\")\n4. chrome_click_element(selector: \"button[type=submit]\")\n```\n\n### Search History\n\n```\nUser: \"Find all pages I visited about React hooks last week\"\n\nAI uses:\n1. chrome_history(text: \"React hooks\", startTime: \"1 week ago\")\n```\n\n### Extract Content\n\n```\nUser: \"What does this page say about pricing?\"\n\nAI uses:\n1. chrome_get_web_content()\n2. Analyzes the extracted content\n```\n\n## Advantages Over Playwright\n\n| Feature | Playwright MCP | Chrome MCP Server |\n|---------|---------------|-------------------|\n| Browser Instance | New browser process | Your existing Chrome |\n| Login Sessions | Need to re-login | Uses existing sessions |\n| User Settings | Clean environment | Your bookmarks, extensions, settings |\n| Startup Time | Slow (launch browser) | Instant (extension already loaded) |\n| Resource Usage | Heavy | Lightweight |\n\n## Multi-Client Support\n\nMultiple AI clients can connect simultaneously:\n\n- Claude Code\n- Cursor\n- Kiro\n- Any MCP-compatible client\n\nEach client gets its own session while sharing the same Chrome browser.\n\n## Troubleshooting\n\n### Extension Not Connecting\n\n1. Check extension is enabled in `chrome://extensions/`\n2. Click extension icon → Verify \"Connected\" status\n3. Restart Chrome if needed\n\n### Port Already in Use\n\nThe server automatically handles port conflicts. If issues persist:\n\n```bash\nlsof -i :12306\nkill <PID>\n```\n\n## Resources\n\n- GitHub: https://github.com/femto/mcp-chrome\n- npm: https://www.npmjs.com/package/mcp-chrome-bridger\n- Releases: https://github.com/femto/mcp-chrome/releases\n","topics":["Browser Automation"],"tags":{"latest":"0.1.1"},"stats":{"comments":0,"downloads":1631,"installsAllTime":61,"installsCurrent":3,"stars":3,"versions":1},"createdAt":1771847474485,"updatedAt":1779077263236},"latestVersion":{"version":"0.1.1","createdAt":1771847474485,"changelog":"- Added comprehensive SKILL.md with clear setup instructions, usage examples, and tool documentation.\n- Detailed feature comparison with Playwright MCP and outlined unique advantages.\n- Provided troubleshooting tips and multi-client support information.\n- Listed over 20 available browser automation tools and their descriptions.\n- Included resource links for GitHub, npm, and releases.","license":null},"metadata":null,"owner":{"handle":"femto","userId":"s17cjf85kc0ayqzzm109zw92r1871pxz","displayName":"femto","image":"https://avatars.githubusercontent.com/u/6938?v=4"},"moderation":{"isSuspicious":false,"isMalwareBlocked":false,"verdict":"clean","reasonCodes":["review.llm_review"],"summary":"Review: review.llm_review","engineVersion":"v2.4.24","updatedAt":1779952833248}}