Codex Figma 设计简报与页面验收
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/figma-design-brief/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/figma-design-brief/`，把核对后的文件保存为 `.agents/skills/figma-design-brief/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$figma-design-brief` 并选择同名技能。
中文摘要
将产品需求整理成设计目标、用户流程、页面、复用组件和边界状态。输出给设计师审阅的简报。
SKILL.md 中文导读
可复现示例
为网页馆藏搜索写一份设计简报。
feature=`catalog-search`; platform=`web`; entry=`home`; resultCount=0; component=`SearchInput`工作步骤
- 从用户目标整理入口、主要操作与结束状态。
- 列出页面和可复用组件，并为加载、空结果或错误编写可观察要求。
验收方法
流程从 `home` 开始，复用 `SearchInput`。当 `resultCount=0` 时，页面显示无匹配结果，并保留输入框供修改关键词。
GitHub 原文 · 更新日期
适用环境
Codex 与项目需求摘录、目标平台以及现有组件说明。
常见问题
Figma 简报怎样处理无结果状态？
把无结果对应的页面、反馈和后续操作写进用户流程，再让设计师据此验证。