Skip to main content
Use this page when you want a Claude Code-specific manual setup.
Need setup for Codex, Gemini, Cursor, VS Code, or Windsurf? Use the canonical multi-client guide: MCP Setup.
If you install the Char plugin, setup is one command flow and all servers are added automatically.
This auto-configures chrome-devtools, char-docs, webmcp-docs, and char-saas.

Manual Path (Claude Code)

Use this only if you are not using the plugin workflow.

Install all servers

Chrome DevTools MCP uses our maintained fork package: @mcp-b/chrome-devtools-mcp. Source: WebMCP-org/npm-packages/packages/chrome-devtools-mcp.

Verify installation

Confirm you see all four servers listed.

First-time authentication (char-saas)

The first time you use a Char SaaS tool, a browser window opens:
  1. Sign in — Use your identity provider or create a new account
  2. Name your organization — Char suggests a name based on your email domain
  3. Authorize — Click “Authorize” and return to Claude Code
This only happens once. Claude Code remembers your session.

Troubleshooting (Manual Setup)

MCP not appearing

Restart Claude Code and run /mcp again.

Permission errors

Install Chrome DevTools MCP globally:

OAuth flow not completing

  1. Check that you completed the sign-in flow
  2. Verify the browser didn’t block the redirect
  3. Restart Claude Code and try the tool again

See also