ui-implementer

UI Implementer 是一项专为高保真前端工程设计的专业开发技能。它通过整合的多代理工作流程，架起了静态设计稿与生产级代码之间的桥梁。此技能适用于需要将 Figma 链接、设计截图或视觉样机转换为功能性 React 19 与 Tailwind CSS 4 组件的专业开发人员。通过自动提取设计规格并启用反覆运算的验证周期，它确保产出的代码不仅符合严格的像素级精确度标准，同时保持无障碍合规性与最佳架构实践。

• 执行多阶段 UI 实现，包含设计分析、结构规划与代码生成。

• 支持在标准 UI 开发人员与专业 UI Developer Codex 代理之间进行自适应切换，以解决复杂的实现困难。

• 整合 Figma、远程 URL 与本地文件路径，以读取设计来源素材。

• 执行自动化验证循环，将实现的组件与设计保真度要求进行调和。

• 推广原子化设计导向的文件结构，并利用现代 TypeScript 开发流程。

• 生成最终实现报告，提供质量检查与组件就绪状态的清晰更新。

• 当您提供 Figma 链接、截图或预计转换为 UI 代码的样机时，请调用此技能。

• 此技能需要明确的输入参数：设计来源、具体组件描述、目标项目目录与本地预览 URL（例如 localhost）。

• 若仅需进行简单的 UI 修复或非设计相关的开发，请勿使用此技能；通用功能开发请使用标准开发代理。

• 请确保可访问有效的预览环境，以便代理能针对渲染出的输出进行验证。

• 根据代理切换偏好提示进行操作，以平衡通用开发速度与进阶 Codex 驱动的精度。

• 为获得最佳效果，请在实现阶段开始前明确命名组件（例如 'UserProfileCard'）并定义所需的布局或行为。