ChatGPT 明暗主题 Token 规范技能:定义语义颜色与状态
EnglishChatGPT 安装步骤
- 从固定版本 GitHub 原文下载 .claude/skills/design-token-spec/SKILL.md。将它作为 design-token-spec 的独立文本技能,保留名称、描述及正文。
- 在已启用技能和上传权限的 ChatGPT 工作区,打开「插件 → 技能 → 创建 → 从电脑上传」,选用文件选择器接受的技能包格式。也可在「使用编辑器创建」中录入原名称、描述和文本指令。
- 完成扫描后,确认 design-token-spec 出现在已安装列表。在新对话输入 @ 并选择此技能,使用页面的虚构示例检查输出。
中文摘要
根据现有品牌色和组件用法编写浅色、深色主题的语义变量草案。记录颜色角色、字号、间距和未确认的可用性检查。
SKILL.md 中文导读
可复现示例
虚构目录以 #31578A 为浅色主按钮,深色主色未定。写页面背景、文字、按钮和焦点四个语义角色,区分已定和待设计。工作步骤
- 列已批准颜色与组件使用场景。
- 建立浅深主题语义角色及状态表。
- 标待定值和可用性验收条件。
验收方法
浅色按钮保留原值,深色按钮和缺失颜色先标待选。表说明每个角色用于哪个区域,并列出文字与背景、焦点与相邻颜色的核对。
GitHub 原文 · 更新日期
适用环境
需要有技能创建权限的合资格 ChatGPT 工作区,选择上传时还需相应权限。这份纯文本移植的安装路径按 OpenAI 文档核对,工作区运行待验证。
常见问题
同一个蓝色能用在链接和主按钮上吗?
分别定义链接和按钮语义角色,允许初始值相同。各自检查底色和交互状态,便于以后独立调整。