用途：该技能用于依据设计参考从零实现 UI 组件。当用户提供 Figma 链接、截图或原型图路径并要求实现界面、创建组件或做到像素级还原时触发；不适用于仅验证已有 UI、修复已有组件或无设计稿的功能实现。
主要能力：调用 UI 开发代理从零编写组件，遵循 React 19 + TypeScript、Tailwind CSS 4（仅静态类，不用 @apply）、移动优先响应式、无障碍（WCAG 2.1 AA、ARIA）等实践，并尽量复用已有设计系统组件。按设计稿匹配颜色、排版、间距、布局、视觉元素和交互状态。
使用方式：先收集设计参考、组件描述、目标路径、预览 URL，并询问是否启用 UI Developer Codex 智能代理切换。随后启动初始实现，再进入验证与修复循环：由设计师代理截图比对、按严重程度列出差异并给出设计还原度评分（满分 60）。达到 PASS（>=54/60）即结束；否则由修复代理修改。启用切换时，某代理连续两次无进展即切换。循环上限 10 次，超限后询问用户。
验证与收尾：运行 npx tsc --noEmit、npm run lint、npm run build 保证代码质量，最终生成包含文件、迭代次数、评分、代理表现与遗留问题的报告。所有改动在用户确认前保持未暂存状态。
限制：仅从零实现，不用于修复已有 UI；需用户提供设计参考、目标路径与预览 URL，否则会先询问；最大迭代 10 次，达到上限需用户介入；Figma 与远程参考依赖相应 MCP 能力。具体代理实现细节、收费与效果暂未提供。