claude-chrome

claude-chrome

Enables browser automation via Chrome, allowing navigation, clicking, typing, screenshotting, and replayable flows for web tasks.

Category
Visit Server

README

claude-chrome

Claude-in-Chrome on steroids: MV3 extension + local hub daemon + MCP server. Full plan in PLAN.md.

Build

npm install
npm run build

Install the extension

  1. Open chrome://extensions, enable Developer mode.
  2. "Load unpacked" → select the extension/ folder.
  3. The toolbar badge shows ● (green) when connected to the hub.

Register the MCP server

Claude Code (CLI):

claude mcp add claude-chrome -- node /Users/edem/Personal/claude-chrome/daemon/dist/index.js

Claude Desktop (~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "mcpServers": {
    "claude-chrome": {
      "command": "node",
      "args": ["/Users/edem/Personal/claude-chrome/daemon/dist/index.js"]
    }
  }
}

The MCP server auto-spawns the hub (ws://127.0.0.1:48333) if it isn't running. Start it manually with npm run hub to watch logs.

Tools

Tool What
browser_navigate Open URL in the active (or new) tab, wait for load
browser_outline Semantic page outline with r<N> refs (shadow DOM + same-origin iframes)
browser_click / browser_type Act on ref / css / text match; trusted CDP input. Refuses hidden/covered/disabled targets (pass force) — surfaces bad page state instead of clicking into the void
browser_check Visual/layout/animation audit: still-moving elements, horizontal overflow, broken images, covered/off-screen/tiny targets, unsettled animations
browser_select Pick <select> option by value or label (fires input+change)
browser_hover / browser_scroll / browser_key / browser_wait Mouse-over, wheel scroll, key combos ("ctrl+a", "Escape"), settle wait
browser_text Plain page text (main content when detectable)
browser_screenshot JPEG of the visible viewport
browser_js Evaluate JS in the page (awaits promises)
browser_network / browser_console Per-tab ring buffers; failed_only / errors_only filters
browser_tabs / browser_tab_new / browser_tab_close / browser_tab_focus Tab management
browser_resize Resize the window
do Plain-text intent → matching saved flow → deterministic replay + smoke report
flow_save Snapshot the last N journaled actions as a named flow
flow_run / flow_list Replay / enumerate saved flows
journal Inspect recent replayable actions before saving
secrets_list Names of credentials available for login flows

Flows persist in ~/.claude-chrome/flows.json.

Login flows (secrets)

Login pages don't break the run. Put credentials in ~/.claude-chrome/secrets.json (chmod 600) — you own this file; the values never pass through the chat, the journal, saved flows, or logs:

{ "crm_user": "you@example.com", "crm_password": "…" }

Then a login step is browser_type secret="crm_password". The hub swaps the name for the value only on the wire to the browser; flow_save records the name, so a saved login flow re-resolves the current value on every replay. secrets_list shows the names.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured