3 v0.7.0 更新于 2026-10-25

Tavero MCP Server

Finds UI drift in React apps (buttons, cards, colors, spacing) and gives your agent each fix

适用客户端

本地客户端
Claude Desktop、Claude Code、Cursor、Cline 等支持本地 MCP 的客户端

安装配置

本地运行(npm)
{
  "mcpServers": {
    "tavero": {
      "command": "npx",
      "args": [
        "-y",
        "tavero"
      ]
    }
  }
}

将上方 JSON 加入 MCP 客户端配置(如 Claude Desktop 的 claude_desktop_config.json 或项目的 .mcp.json)即可接入;远程接入按客户端要求填写 URL 与鉴权头。

提供的工具 接入后 Agent 可调用这 9 个工具

tavero_context
提供约1500 token 的设计系统简报,在编写 UI 前调用
tavero_findings
按严重程度列出 UI 一致性问题
tavero_finding
查看单个问题的详细信息,包括证据、期望值和重扫命令
tavero_scan
扫描运行中的应用,修复后可只扫描指定的 routes 和 rules,支持流式进度和取消
tavero_diff
对比上次扫描,显示已解决、新增和未变化的问题
tavero_components
列出组件清单
tavero_component
查看单个组件详情及其截图路径
tavero_show
展示元素截图等可视化信息
tavero_tokens
查看设计令牌(tokens)