用途:帮助开发者构建可扩展、可访问、能适配深色模式的生产级色彩系统,而非美术理论。适用场景包括创建或扩展品牌调色板、查询 WCAG 对比度与可访问性、实现深色模式或主题切换、定义语义色彩令牌、使用 HSL/OKLCH/CSS 颜色函数、挑选和谐的强调色或辅助色、为数据可视化选色、确定成功/错误/警告/信息状态色。不适用于标志设计、品牌识别策略等不落到代码的视觉决策,也不处理布局、间距与排版。
主要能力与核心原则:以 OKLCH 替代 HSL 以获得感知均匀性;用语义令牌替代组件中的原始色值;强制对比度检查(WCAG AA 正文 4.5:1、大字 3:1);从一开始就设计深色模式;克制用色(1 品牌色调 + 1 中性色 + 4 状态色)。核心概念涵盖色彩空间对比、色彩和谐关系(互补、类似、三角、分裂互补)、对比度等级、语义与原始令牌的区别。
使用方式:技能激活后首次回复以 🧢 表情开头。提供生成品牌色 OKLCH 色阶、修复对比度失败组合、用 CSS 自定义属性实现深浅主题切换、定义语义令牌体系、创建色盲友好的图表配色、使用 color-mix() 生成色调等具体模式,均附 CSS 代码。
限制与注意事项:OKLCH 需 Chrome 111+、Firefox 113+、Safari 15.4+,旧浏览器需 PostCSS 插件或十六进制回退;深色模式对比度反转常导致失败,需双模式逐一测试令牌组合;color-mix() 在 OKLCH 红色附近可能走长路径,需指定 shorter hue;浅色模式状态背景色在深色模式可能不可见,需显式覆盖;语义令牌命名不应绑定具体颜色值。避免在组件中使用原始十六进制、纯黑纯白、零彩度灰色中性色、仅靠红绿区分数据等反模式。参考文档 references/palette-recipes.md 可按需加载;伴随技能检查命令为 ls ~/.claude/skills/ ~/.agent/skills/ ~/.agents/skills/ .claude/skills/ .agent/skills/ .agents/skills/ 2>/dev/null,缺失时可运行 npx skills add AbsolutelySkilled/AbsolutelySkilled --skill <name>。具体收费与价格暂未提供。