Codex Figma 组件库审查|补齐按钮状态并统一命名
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/figma-component-audit/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/figma-component-audit/`,把核对后的文件保存为 `.agents/skills/figma-component-audit/SKILL.md`。
- 在该项目根目录启动 Codex,输入 `$figma-component-audit` 并选择同名技能。
中文摘要
依据组件描述核对 Figma 组件库的命名、覆盖范围和状态变体,按影响给出调整顺序。
SKILL.md 中文导读
可复现示例
审查下面的演示网页组件库。
{"component":"primary button","variants":["default","hover"],"missingRequired":["disabled","active"],"product":"web app","stage":"growing"}工作步骤
- 检查组件名称和变体命名。
- 对照交互状态,记录缺失的变体。
- 给出按影响排序的修补列表。
验收方法
列出 `disabled` 与 `active` 两个缺失变体,按项目约定把部件命名建议写为 `PrimaryButton`,将不可用状态列为先补项。
GitHub 原文 · 更新日期
适用环境
在 Codex 中提供组件清单、产品类型、设计系统成熟度和最关注的问题。文字清单可直接用于评审。
常见问题
评审需要访问 Figma 文件吗?
原流程接受组件名清单或文字描述。只有要核实实际属性或视觉状态时,才需要查看对应设计文件。