中国传统色 Skills

把这些 skill 装进 Claude Code 使用

每个 xxd-* 都是 Claude Code 原生 skill(带 frontmatter 的 SKILL.md),复制到个人 skills 目录即可使用。每个 skill 自带完整 references/,无需联网取数据。

# 克隆仓库后,复制需要的 skill(或用 xxd-* 一次全装上)
git clone https://github.com/nevertoday/zhongguo-traditional-colors.git
cp -r zhongguo-traditional-colors/skills/xxd-* ~/.claude/skills/

装好后在 Claude Code 里直接描述任务(例如“用朱砂做一套 UI token”),或调用对应 skill 即可触发。

01
定方向

xxd-color-brief

把“高级、东方、年轻、不要俗”翻译成冷暖、明度、饱和度、对比和风险边界。

卡点:只有情绪词和参考图 交付:方向简报 + 起始色 适合:项目启动 / 提案前

价值:先把“感觉”变成可讨论的判断标准,避免后面所有人拿主观形容词反复拉扯。

GitHub 目录
02
组色板

xxd-palette-builder

从 742 色里筛出能落地的主色、辅色、背景、强调色和替代方案。

卡点:锚点有了但组合难 交付:主辅点缀 + 比例 适合:官网 / 封面 / PPT / UI

价值:把“再试几个颜色”变成少量可比较方案,每个颜色都有角色,不只是漂亮 swatch。

GitHub 目录
03
放版面

xxd-palette-applier

把色板放进真实版面,决定背景、标题、正文、CTA、结构线和装饰色的落点。

卡点:颜色一上版就互相抢 交付:版面用色地图 适合:首屏 / 长图 / 包装 / PPT

价值:让颜色服务阅读路径和信息层级,而不是让每个颜色都同时争抢注意力。

GitHub 目录
04
交 token

xxd-ui-token

把传统色变成 primitive、semantic、component、mode 四层 UI token。

卡点:只交 HEX 会失控 交付:CSS / Tailwind / Figma token 适合:网站 / App / 设计系统

价值:让设计、开发和后续维护共用同一套命名,避免硬编码、状态遗漏和深色模式返工。

GitHub 目录
05
查可读

xxd-accessible-color

检查传统色压在文字、按钮、状态和图表上是否真的读得清。

卡点:漂亮但不够清晰 交付:对比度 + 同库替代色 适合:上线前 / 交付前

价值:保留传统色气质,同时照顾真实阅读者、操作状态和无障碍要求。

GitHub 目录
06
定品牌

xxd-brand-system

把一次好看的传统色方案沉淀成长期品牌规则、比例和禁用组合。

卡点:每次物料都重新争论 交付:品牌锚点 + 渠道规则 适合:官网 / 包装 / 社媒矩阵

价值:让团队有长期决策依据,减少活动、海报、官网、包装之间的品牌色漂移。

GitHub 目录
07
做图表

xxd-data-viz

按数据关系而不是装饰喜好,生成分类、顺序、发散、高亮和状态色方案。

卡点:海报色板放进图表就乱 交付:ECharts / D3 / Chart.js 色组 适合:报告 / 地图 / 看板

价值:让读者先看懂数据,再感受到传统色气质;图表颜色首先服务理解。

GitHub 目录
08
修旧稿

xxd-existing-design-audit

盘点旧稿、CSS、Figma styles 或散乱 HEX,判断哪些该保留、合并、替换或移除。

卡点:旧资产里颜色越积越多 交付:映射 + 迁移顺序 适合:改版 / 设计系统清理

价值:尊重旧项目里已经有效的识别资产,只清理真正造成混乱、重复或难维护的颜色。

GitHub 目录
09
做系列

xxd-content-series

为小红书、公众号、视频封面、课程课件等长期内容建立统一但不疲劳的色彩系统。

卡点:每期重配会散,固定又会腻 交付:固定层 + 变量层 + 轮换表 适合:内容矩阵 / 栏目模板

价值:让内容团队稳定生产,既保留栏目识别度,也降低每期重新设计封面和模板的压力。

GitHub 目录
10
进生产

xxd-print-packaging

把屏幕上的 HEX 推进到材质、CMYK、工艺、货架光线和打样检查。

卡点:屏幕好看不等于实物可靠 交付:面板计划 + 打样清单 适合:包装 / 书籍 / 礼盒 / 标签

价值:提前照顾印刷、材质、供应商和最终实物效果,减少交付后才发现色差或小字不可读的成本。

GitHub 目录