一台由AI驱动的MCP（模型上下文协议）服务器，提供浏览器自动化的自然语言接口。该服务器作为官方Playwright MCP服务器的智能包装器，允许你通过Claude使用普通英语命令控制浏览器。

特色

• 自然语言浏览器控制：使用普通英语命令执行浏览器自动化任务
• Claude集成：通过OAuth（使用您的Claude Code订阅）利用Claude的AI能力
• 智能工具映射：AI自动将你的指令转换为合适的Playwright工具调用
• 会话管理：在多个浏览器自动化命令间保持上下文
• 错误恢复：智能错误处理及有用反馈

安装

通过Smithery安装

通过Smithery自动安装Claude Desktop浏览器AI：

手动安装

或者直接用NPX：

布置

1.认证

浏览器 AI MCP 服务器需要 Anthropic API 访问。你有两种认证选项：

选项1：OAuth 认证（推荐给 Claude 订阅者）

Browser AI MCP Server

An AI-powered MCP (Model Context Protocol) server that provides a natural language interface to browser automation. This server acts as an intelligent wrapper around the official Playwright MCP server, allowing you to control browsers using plain English commands through Claude.

Features

• Natural Language Browser Control: Execute browser automation tasks using plain English commands
• Claude Integration: Leverages Claude’s AI capabilities through OAuth (using your Claude Code subscription)
• Intelligent Tool Mapping: AI automatically translates your commands into appropriate Playwright tool calls
• Session Management: Maintain context across multiple browser automation commands
• Error Recovery: Smart error handling with helpful feedback

Installation

Installing via Smithery

To install Browser AI for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @qckfx/browser-ai --client claude

Manual Installation

npm install -g @qckfx/browser-ai

Or use directly with npx:

npx @qckfx/browser-ai

Setup

1. Authentication

The Browser AI MCP server requires Anthropic API access. You have two authentication options:

Option 1: OAuth Authentication (Recommended for Claude Subscribers)

If you have a Claude subscription, authenticate with your Claude account to use your subscription credits:

npx @qckfx/browser-ai --auth

This will open a browser window for OAuth authentication. After authorizing, the token will be saved securely and your API usage will be charged to your Claude subscription rather than requiring separate API credits.

Option 2: API Key Authentication

Alternatively, you can use an Anthropic API key by setting the environment variable:

export ANTHROPIC_API_KEY="your-api-key-here"

2. Configure with Claude Code

After authentication, add the server to Claude Code:

claude mcp add browser-ai -- npx --yes @qckfx/browser-ai@latest

If using API key authentication, you can pass it as an environment variable:

claude mcp add browser-ai --env ANTHROPIC_API_KEY="your-api-key-here" -- npx --yes @qckfx/browser-ai@latest

3. Configure Claude Desktop (Alternative)

If using Claude Desktop instead, add the following to your Claude Desktop configuration file (claude_desktop_config.json):

{
  "mcpServers": {
    "browser-ai": {
      "command": "npx",
      "args": ["@qckfx/browser-ai"],
      "env": {
        "PLAYWRIGHT_MCP_PATH": "@playwright/mcp@latest"
      }
    }
  }
}

Usage

Once configured, you can use natural language commands in Claude to control browser automation:

Example Commands

• Navigation: “Go to example.com and wait for the page to load”