利他价值：帮客户、设计师和执行者先对齐判断语言，减少“我觉得不高级”“这个不够东方”这类主观拉扯。

适合谁用：项目刚启动的设计师、品牌负责人、内容团队、课程或活动视觉负责人。

典型场景：只有 moodboard、参考图、品牌关键词或客户口头反馈，还不适合直接选色。

输入什么：项目载体、目标人群、希望传递的气质、必须避开的感觉、已有参考图或竞品。

得到什么：冷暖、明度、饱和度、对比强度、风险边界、3 到 5 个起始传统色，以及下一步推荐使用的 skill。

使用方式：先让它输出方向简报，再把简报里的锚点色交给 xxd-palette-builder 生成具体色板。

示例触发：

/xxd-color-brief 为新中式茶饮品牌做年轻但不俗的配色方向，受众是 20-35 岁女性，避免廉价国潮感

查看完整 Skill

利他价值：把选择困难变成少量可比较方案，让团队不用在几百个颜色里反复试错。

适合谁用：已经有锚点色、品牌关键词、HEX 清单、参考图或初步视觉方向的人。

典型场景：要做官网、封面、PPT、海报、包装或 UI，但不知道主色、辅色、点缀色怎么分配。

输入什么：锚点色或色名、用途、希望稳妥还是更有记忆点、浅色/深色偏好、禁用色或品牌限制。

得到什么：主色、辅色、背景色、强调色、推荐比例、替代方案、使用风险和可继续落版的色板。

使用方式：先选一个方向最明确的锚点色；如果没有锚点色，先用 xxd-color-brief。拿到色板后，用 xxd-palette-applier 判断具体放在哪里。

示例触发：

/xxd-palette-builder 以月白为锚点，为文化类网站首页生成主辅点缀色板，要求安静、有层次、适合长文阅读

查看完整 Skill

利他价值：让颜色服务信息层级和阅读路径，而不是让所有颜色同时争抢注意力。

适合谁用：已经有色板，但不知道背景、标题、正文、按钮、边框、装饰分别用什么颜色的人。

典型场景：网页首屏、PPT 封面、课程详情页、文章长图、包装正反面或社媒模板。

输入什么：已有色板、页面结构、主要信息层级、用户最应该先看到什么、哪些区域需要克制。

得到什么：背景/内容/行动/结构/细节五类角色、面积比例、版面落点、错误用法和替代建议。

使用方式：先把色板中的每个颜色分配角色，再按面积比例落版；如果最后要交给开发，继续用 xxd-ui-token。

示例触发：

/xxd-palette-applier 把月白、黛蓝、绛紫、银朱这组传统色用到课程封面和详情页首屏，重点突出报名按钮

查看完整 Skill

利他价值：让设计、开发和后续维护共用同一套命名规则，减少硬编码、返工和深色模式混乱。

适合谁用：做网站、App、后台、工具、设计系统、Figma variables 或 Tailwind 主题的人。

典型场景：设计稿已经定色，但开发需要 CSS variables、Tailwind config、Figma token 或浅深色模式规则。

输入什么：产品类型、已有色板、组件类型、浅色/深色模式要求、输出格式、需要保留的品牌色。

得到什么：primitive、semantic、component、mode 四层 token，默认 CSS variables，也可以改成 Tailwind 或 Figma 结构。

使用方式：先让它建立 token 命名和角色，再给开发接入。上线前建议再用 xxd-accessible-color 检查关键文本和按钮。

示例触发：

/xxd-ui-token 把这组中国传统色转成官网浅色和暗色模式 CSS variables，包含按钮、边框、背景、文本和焦点态

查看完整 Skill

利他价值：照顾真实阅读者和操作场景，让传统色的美感不牺牲清晰度、可读性和可访问性。

适合谁用：需要检查正文、按钮、图表、状态提示、标签、焦点态或深色模式的人。

典型场景：颜色看起来很雅致，但文字压上去变浅，按钮不够明显，图表系列很难区分。

输入什么：前景色、背景色、用途、字号、是否为正文/按钮/状态/图表、是否需要通过 WCAG 标准。

得到什么：contrast ratio、通过/条件可用/失败判断、同库替代色、非颜色提示建议和修复方案。

使用方式：在页面上线、交付开发、制作图表或印刷小字前使用。失败组合不要硬撑，优先换同库替代色。

示例触发：

/xxd-accessible-color 检查 #F9F4DC 背景上的 #5C2223 正文和按钮文字是否适合网页阅读，并给出同库替代色

查看完整 Skill

利他价值：让团队有长期决策依据，减少每次活动、海报、官网或包装都重新争论颜色。

适合谁用：品牌升级、产品官网、社媒矩阵、包装系列、内容栏目或长期视觉系统负责人。

典型场景：已经有一组不错的中国传统色，但还没有品牌锚点、使用比例、渠道规则和禁用组合。

输入什么：行业、价格带、目标用户、竞品差异、品牌性格、主要渠道、已有色板或必须保留的颜色。

得到什么：品牌锚点色、支撑色、强调色、默认比例、渠道差异、禁用组合和后续 token 化建议。

使用方式：先用它确定长期规则，再把规则交给内容、设计和开发团队。需要落地 UI 时接 xxd-ui-token。

示例触发：

/xxd-brand-system 为文创香氛品牌建立传统色规范，覆盖官网、包装、小红书封面和线下展陈

查看完整 Skill

利他价值：让读者先看懂数据，再感受到中国传统色气质；图表颜色首先要服务理解。

适合谁用：做仪表盘、报告图表、地图、热力图、数据故事、课程数据页或可视化组件的人。

典型场景：海报色板直接放进图表后，分类分不清、顺序没轻重、正负发散没有中点。

输入什么：图表类型、系列数量、背景色、数据是分类/顺序/发散/高亮/语义状态中的哪一种。

得到什么：分类色数组、顺序色带、发散色带、高亮色、状态色，以及 ECharts、D3、Chart.js 可用格式。

使用方式：先判断数据关系，再让 skill 出色彩编码。不要把装饰色当图表色，必要时用 xxd-accessible-color 检查区分度。

示例触发：

/xxd-data-viz 为 7 个分类和一个高亮系列生成 ECharts 中国传统色数组，背景是浅色，要求分类容易区分

查看完整 Skill

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

适合谁用：手上有旧官网、旧 CSS、Figma styles、历史海报、品牌色表或一串散乱 HEX 的团队。

典型场景：旧稿颜色很多，没人知道哪些该保留、哪些该合并、哪些只是临时色。

输入什么：HEX 清单、截图描述、颜色当前用途、不能轻易改的颜色、希望迁移到传统色的程度。

得到什么：颜色盘点、相近传统色映射、保留/合并/替换/移除建议、迁移风险和执行顺序。

使用方式：先做审计，不要一上来全量替换。确认保留色后，再用 xxd-brand-system 或 xxd-ui-token 沉淀规则。

示例触发：

/xxd-existing-design-audit 审计这组 CSS 颜色，映射到最接近的中国传统色，并告诉我哪些应该保留或合并

查看完整 Skill

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

适合谁用：小红书、公众号、视频封面、课程课件、newsletter、栏目海报和长期内容矩阵。

典型场景：每期都重新配色会散，完全固定又容易腻，团队难以长期执行同一套视觉语言。

输入什么：平台、栏目数量、更新节奏、模板类型、固定元素、可变化元素和希望形成的内容气质。

得到什么：固定层、变量层、模板层、栏目色、特殊期色、轮换规则和内容生产检查清单。

使用方式：先把栏目分层，再决定哪些颜色长期固定、哪些颜色轮换。需要做成品牌规范时接 xxd-brand-system。

示例触发：

/xxd-content-series 为小红书 5 个栏目做统一但不重复的封面色彩系统，每周更新 3 次，要求传统但不老气

查看完整 Skill

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

适合谁用：包装、书籍、礼盒、文创、标签、实体材料、展陈和需要给印刷方沟通的项目。

典型场景：屏幕 HEX 看起来很好，但实际受 CMYK、纸张、油墨、覆膜、烫金、光线和材质影响很大。

输入什么：品类、材质、工艺、预算/价格带、系列数量、是否需要专色、小字和条码区域要求。

得到什么：正背侧面板用色、系列变体规则、CMYK 风险、材质建议、小字和条码提醒、打样检查清单。

使用方式：先用它做生产前风险排查，再与供应商确认打样。不要直接把屏幕 HEX 当最终印刷值。

示例触发：

/xxd-print-packaging 为茶叶礼盒规划传统色、系列变体和印刷打样清单，材质是哑粉纸加局部烫金

查看完整 Skill