跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/AlanYN/FlowFlex/design-token-spec

ChatGPT 明暗主题 Token 规范技能:定义语义颜色与状态

English

ChatGPT 安装步骤

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

中文摘要

根据现有品牌色和组件用法编写浅色、深色主题的语义变量草案。记录颜色角色、字号、间距和未确认的可用性检查。

SKILL.md 中文导读

可复现示例

虚构目录以 #31578A 为浅色主按钮,深色主色未定。写页面背景、文字、按钮和焦点四个语义角色,区分已定和待设计。

工作步骤

  1. 列已批准颜色与组件使用场景。
  2. 建立浅深主题语义角色及状态表。
  3. 标待定值和可用性验收条件。

验收方法

浅色按钮保留原值,深色按钮和缺失颜色先标待选。表说明每个角色用于哪个区域,并列出文字与背景、焦点与相邻颜色的核对。

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

适用环境

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

常见问题

同一个蓝色能用在链接和主按钮上吗?

分别定义链接和按钮语义角色,允许初始值相同。各自检查底色和交互状态,便于以后独立调整。

技能信息

GitHub 仓库
AlanYN/FlowFlex

收集于互联网

相关指南

  • ChatGPT Skills 技能:怎么创建、安装和共享
  • ChatGPT 怎么上传 Skills 技能?文件与工作区检查
更多 ChatGPT 技能

相关推荐

  • flowchart-generator 技能

    AlanYN/FlowFlex

  • ChatGPT MoSCoW 优先级技能:把上线需求分成四档

    AlanYN/FlowFlex

  • Claude Code 澄清模糊产品需求

    AlanYN/FlowFlex

  • task-breakdown 技能

    AlanYN/FlowFlex

  • tech-stack-advisor 技能

    AlanYN/FlowFlex

  • grill-with-docs 技能

    AlanYN/FlowFlex

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯