From chromemcp
Use when a task needs real Chrome browser automation — authenticated browser verification, CRUD testing, local web app testing, production smoke checks, screenshots, or visual QA evidence. Drives the shared ChromeMCP Playwright MCP server (Windows Chrome via WSL bridge) registered in Claude Code as the `chromemcp` MCP server.
How this skill is triggered — by the user, by Claude, or both
Slash command
/chromemcp:chromemcp-browserThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
ChromeMCP exposes a real, signed-in Windows Chrome to this session through the
ChromeMCP exposes a real, signed-in Windows Chrome to this session through the
chromemcp MCP server (mcp__chromemcp__* tools, load via ToolSearch). The browser is
shared and persistent: same tabs, cookies, and logins across all sessions and clients.
Before any browser work, verify the stack:
curl -fsS --max-time 5 http://127.0.0.1:8931/healthz
Healthy means "status":"ok" and "cdp":{"healthy":true}. If healthy, proceed
directly to browser tools. If not, walk the recovery ladder below — in order, one
rung at a time, re-checking /healthz after each rung.
127.0.0.1:8931 — the
server itself is down): chromemcp up, wait 5s, re-check."cdp":{"healthy":false} — usually the
debug-port Chrome exited): chromemcp chrome (relaunches Windows Chrome with CDP;
idempotent), wait 5s, re-check.chromemcp bridge-check --fix (may trigger a one-time Windows UAC prompt), re-check.chromemcp command not found or ~/ChromeMCP missing — ChromeMCP is not
installed. Do NOT improvise an install; tell the user and offer to run
/chromemcp:install (guided bootstrap).chromemcp status and chromemcp logs | tail -50,
report findings to the user. Never claim browser verification passed when the
stack is unhealthy.The shared browser accumulates tabs across sessions; runaway tab creation has historically opened hundreds of tabs. These rules are not optional:
browser_tabs
(action: list). Know what exists.browser_navigate navigates the active tab — that is
the default way to change pages. Do not open a new tab to "start fresh".browser_tabs already lists more than
3 tabs, do not add more — and never close tabs you did not open this session
without asking the user first.browser_snapshot (accessibility tree) to see
the result — it is cheaper and more reliable than screenshots for driving actions.browser_take_screenshot only for visual evidence the user will look at.browser_handle_dialog — they block
everything until handled.chromemcp MCP server is not connected in this session, health-check first,
then suggest the user run /mcp to reconnect rather than falling back to curl.Screenshots are returned inline and saved to .playwright-mcp/ under the current
project root (the server resolves output paths against the MCP client's workspace
root; an explicit filename resolves against the project root instead). Prefer the
default timestamped filename — pass no filename. Read the PNG back to confirm
visual claims before reporting them. If chromemcp test fails, fix ChromeMCP before
claiming browser verification passed.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub rizonetech/claude-plugins --plugin chromemcp