SOP MCP Server

Chrome 扩展 → MCP Server → Claude Code 的桥梁。

架构

Chrome Extension ──POST /sop──▶ HTTP bridge (port 3142)
                                       │
                                 存储 SOP JSON
                                       │
Claude Code ◀──stdio MCP──▶ MCP Server (同一进程)

快速启动

cd sop-mcp-server
npm install
node index.js

配置 Claude Code

在 ~/.claude/claude_desktop_config.json（或项目 .claude.json）中添加：

{
  "mcpServers": {
    "sop-skill": {
      "command": "node",
      "args": ["/absolute/path/to/sop-mcp-server/index.js"]
    }
  }
}

MCP 工具

| 工具 | 说明 | |------|------| | get_latest_sop | 获取最新推送的 SOP JSON | | list_sops | 列出所有存储的 SOP | | get_sop_by_id | 按 ID 获取特定 SOP | | generate_playwright | 从 SOP 生成 Playwright .spec.ts |

使用流程

1. 启动 MCP Server：node index.js
2. Chrome 扩展录制完成后，点击「推送到 Claude Code」
3. 在 Claude Code 中：
   • "帮我获取最新的 SOP" → 调用 get_latest_sop
   • "生成 Playwright 测试" → 调用 generate_playwright
   • Claude Code 会自动审查、优化 selector、添加断言、写入项目