技能介绍

要解决的问题

Figma 设计稿与 iOS UIKit 实际运行界面之间经常存在偏差：安全区、导航高度、字体动态压力、图片裁切、阴影与间距都可能不同。若只靠肉眼截图对比，容易忽略真实视图层级、可访问性标识和导航路径；若直接按设计稿硬造生产路由、假服务或示例数据，又会污染代码库。

工作方式

该技能把任务分成两条路径：

从 Figma 构建：读取 Figma 节点，拆解屏幕结构、控件、状态和资产，再按现有 UIKit、SnapKit、Auto Layout、数据源与路由方式实现。
审查既有 UI：读取现有视图控制器、样式和流程 ID，识别与 Figma 的差异，然后进入视觉审查循环。

关键步骤包括：使用 Figma MCP 读取设计源，用 Lookin MCP 检查真实 UIKit 层级与属性，用模拟器截图做视觉对比，必要时用 Local Direct Harness 直接挂载目标视图控制器。对于可复用的用户路径，优先维护 Maestro 流程；Maestro 串行运行，避免多个进程争抢同一个模拟器。

适用边界

它适合需要“设计稿到可运行界面”闭环的 iOS 项目，尤其是有 Debug 入口、Maestro 流程或 Lookin 检查能力的仓库。若 Figma 节点不可读、Lookin 无法连接或验证门禁无法运行，应记录受阻命令、截图替代证据和残余风险，而不是直接宣布完成。不要提交 DerivedData、临时截图、harness 运行产物或本地 hold flow。