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)