ui_workflow - 基于 Figma 设计的 UI 实现工作流，含设计映射与验证
执行基于 Figma 的 UI 实现工作流，涵盖设计映射、现状审计、定向实现、布局与视觉验证、迭代及运行时记忆管理。
标签
更新于: 2026-06-30该技能可以做什么
- 从 Jira 或 Figma 解析 UI 源
- 创建规范化实现简报
- 审计当前实现状态
- 执行定向 UI 修复
- 运行浏览器就绪检查
- 运行布局验证
- 运行视觉验证
- 审查实现结果
- 将迭代输出记录到运行时记忆
- 将工作流经验回写到仓库
- 向当前作用域添加 Figma 节点
输入
- Jira 议题编号或工单
- Figma 设计链接或节点
- 已准备路由和角色的 Browser MCP 窗口
- 仓库本地 agent 与命令文件
- ~/.codex/memories/ 下的运行时作用域目录
输出
- session.json 状态文件
- source_refs.json 设计引用文件
- brief.md 规范化简报
- audit.md 现状审计
- deltas.json 实现差异数据
- 迭代记录 Markdown 文件
- QA 验证 JSON 文件
- learnings.md 工作流经验
- 仓库代码变更
要求
- Browser MCP 用于实时页面检查
- Figma MCP 用于设计源检查
- ~/.codex/memories/oli-torus-ng/ui-work/ 运行时记忆目录
- 人工准备的正确角色与路由的 QA 浏览器窗口
- .agents/ 下的仓库本地 agent 文件