关键词

浏览器自动化终端管理Claude集成MCP工具

项目简介

TabzChrome是一个Chrome侧边栏终端应用，集成了MCP服务器，让Claude Code能够控制浏览器进行各种自动化操作。

主要功能

  • 浏览器控制工具：20种MCP工具包括截图、点击元素、表单填充等
  • 终端管理：在浏览器侧边栏运行真实的Linux终端
  • Claude Code集成：专门为Claude Code设计的MCP工具集

安装步骤

  1. 克隆仓库：

    git clone https://github.com/GGPrompts/TabzChrome.git

  2. 安装依赖：

    npm install
cd backend && npm install && cd ..

  3. 构建扩展：

    npm run build

  4. 加载到Chrome：

    • 打开 'chrome://extensions'
    • 启用开发者模式
    • 点击"加载已解压的扩展程序"，选择 'dist-extension/' 目录

  5. 启动后端服务器：

    ./scripts/dev.sh

服务器配置

在Claude Code的MCP配置文件中添加：

{
  "mcpServers": {
    "tabz": {
      "command": "/path/to/TabzChrome/tabz-mcp-server/run-auto.sh

配置参数说明：

  • 'command'：MCP服务器启动脚本路径
  • 'args'：启动参数（通常为空）
  • 'env'：环境变量，设置 'BACKEND_URL' 为 'http://localhost:8129' }

基本使用方法

  1. 安装并启动后，Claude Code会自动发现MCP工具

  2. 工具包括：'tabz_screenshot'（截图）、'tabz_click'（点击）、'tabz_fill'（表单填充）、'tabz_get_console_logs' 等

  3. 启用MCP工具：

    • 在TabzChrome设置中启用所需的MCP工具

  4. Claude Code即可通过MCP协议调用浏览器自动化功能

信息

分类

开发者工具

访问项目