ChatGPT 设计系统文档技能：解释每个设计 Token 何时使用

ChatGPT 安装步骤

从固定版本 GitHub 原文下载 .claude/skills/design-system-documenter/SKILL.md。将它作为 design-system-documenter 的独立文本技能，保留名称、描述及正文。
在已启用技能和上传权限的 ChatGPT 工作区，打开「插件 → 技能 → 创建 → 从电脑上传」，选用文件选择器接受的技能包格式。也可在「使用编辑器创建」中录入原名称、描述和文本指令。
完成扫描后，确认 design-system-documenter 出现在已安装列表。在新对话输入 @ 并选择此技能，使用页面的虚构示例检查输出。

从现有设计变量生成开发文档，给每项写角色、适用组件、简短示例和无障碍备注。适合设计系统交付后供前端查阅。

虚构变量 `--surface-muted` 用于次级区块，`--text-primary` 用于正文，`--focus-ring` 用于键盘焦点。为三项写参考表与使用例，未给色值。

表保留变量名和用途，示例分别应用在合适位置。说明缺色值需查主题配置，无法凭变量名确认对比度。

GitHub 原文 · 更新日期 2026-11-13

需要有技能创建权限的合资格 ChatGPT 工作区，选择上传时还需相应权限。这份纯文本移植的安装路径按 OpenAI 文档核对，工作区运行待验证。

可先登记数值，再为每项补使用语境和禁用场景。对组件与主题差异给一条可运行检查。