pixel-perfect 是一个 UI 精确复刻技能，适用于需要从参考源逐像素还原界面的场景，如精确拷贝设计、从截图复现页面、克隆 Figma 站点或演示、匹配间距/颜色/字体/布局、把设计移植到其他框架而不改变外观。它不适用于重设计、设计评审、粗略模仿或 UX 改进。
主要能力：以参考为唯一事实来源，先测量再实现；产出执行计划、基于测量的详细 UI 规范、实现代码，以及迭代验证结果。优先级顺序为整体布局结构、外边距与区块间距、内边距与间隙、排版、颜色与边框/圆角/阴影、字体与图标资产一致性等。
使用方式：需要 MCP 服务器 Chrome DevTools MCP（首选）或 Playwright MCP（备选），命令行工具 jq、awk、ImageMagick（magick v7 或 v6 的 convert/compare/identify）。执行流程分阶段：识别源类型、选择响应式验证范围、检查与测量、编写执行计划、编写详细规范、记录验收契约、按规范实现、运行与截图、视觉验证、精修。输入优先级为 Figma 可检查源、实时网站、可点击演示、图片导出、截图。
核心规则：不重设计、不简化、不“改进”，不把测量值替换为取整值或主题默认值；可检查源必须测量；结束时必须做基于截图的视觉验证；优先级为保真高于框架惯例。验证配置有 lenient、portable、strict、ultra，同渲染器默认 strict，跨渲染器默认 portable。每个标记问题必须归为 fixed、accepted_by_user 或 renderer_only_drift。
限制：需要上述 MCP 与命令行工具环境；缺失资产（字体/图标）需用户明确批准后才能使用替代方案；像素级一致受渲染器差异限制；具体价格、平台支持范围等资料暂未提供。