用途：将网页实现与 Figma 设计稿进行像素级对齐，自动发现并修复视觉差异。
主要能力：通过 Figma MCP 读取指定 Figma URL 与节点/组件，提取颜色、字体、间距、布局、阴影、边框等设计规格并截图；用 agent-browser CLI 打开目标网页并截图，命令为 agent-browser open [url]、agent-browser snapshot -i、agent-browser screenshot implementation.png；随后系统比对布局定位、字体、颜色、视觉层级、响应式断点、交互状态、阴影边框、图标尺寸与最大宽高等，记录差异元素、当前状态、期望状态、严重程度与修复建议，再修改 CSS/Tailwind 类、组件属性或布局结构。
使用方式：需提供 Figma URL 与节点 ID，以及本地或已部署的网页 URL；智能体按项目 CLAUDE.md 规范修改代码，完成后以“Yes, I did it.”确认并汇总修复内容。
适用场景：设计稿与前端实现存在偏差、需要迭代校验的组件或页面；尤其适合使用 Tailwind、移动优先响应式与暗色模式的项目。
限制与注意：缺少 Figma URL、节点 ID 或网页 URL 时需向用户索取；Figma 或 Playwright MCP 连接问题会明确报告；差异可能是有意为之时应先询问；若修复需要大幅重构，会记录问题并提出最安全方案。资料未提供具体收费、价格、平台支持范围与效果保证。