用 ChatGPT 核对组件与设计系统的一致性
EnglishChatGPT 安装步骤
- 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 对照固定版本 GitHub 原文，在编辑器新建技能，将 `design-system-alignment` 的纯文本工作流程改写为技能说明。
- 保存后，在新对话输入 @ 并选中刚创建的技能，再用示例试用。
中文摘要
根据给出的令牌、组件状态和文档盘点，核对命名、无障碍检查与缺失状态。
SKILL.md 中文导读
可复现示例
根据 Birch 组件规范写 ApplyButton 的对齐记录。
system="Birch components"; component="ApplyButton"; variant="primary"; label="Apply"; primitive="#483DA3"; focus="2px visible ring"; unsupportedState="loading"; naming="PascalCase component, kebab-case token"工作步骤
- 盘点组件、状态、命名和颜色令牌。
- 整理组件规格并列出缺失状态和无障碍检查。
验收方法
记录 `button-background → color-action → #483DA3`，把可见 2px 焦点环写入组件规格。加载状态记为缺失，键盘可操作性和对比度列为待验证。
GitHub 原文 · 更新日期
适用环境
支持创建技能的 ChatGPT 工作区。使用以下虚构材料作为纯文本输入。
常见问题
如何用 ChatGPT 核对组件状态和设计令牌？
先列出现有组件和令牌，再写明原始值、语义别名和组件层映射。对加载状态、焦点和键盘行为分别记录现状或待验证项。