SuperAPI AI 工具集

design-color

设计与创作

查看项目

更新于 10-16 06:22

技能介绍

用途:Design-Color 是专管色彩设计的 skill,负责颜色搭配、调色板、主题、品牌色阶与暗模式等决策,并按媒介落地色板,跨媒介共享色彩理论与可访问性。布局、组件、交互等结构问题由姊妹 skill design-uiux 负责。

主要能力:适用于 Web 页面与原型配色、App 平台配色(iOS/Android/桌面)、CLI 彩色输出、TUI 主题、品牌色系、暗模式适配、数据可视化配色、对比度与色盲修复。内置色彩理论、主题总清单(20 内置主题 + 13 跨平台热门预设,如 Nord、Dracula、Catppuccin、OneDark、RoséPine、GitHub、Monokai)、配色总清单(品牌色阶×6、中性阶×3、语义色、Okabe-Ito 等)、调色板模板、可访问性规范与 67 种 UI 风格清单。

使用方式:先判定媒介(HTML/App/CLI/TUI),再进入对应 style 文件落地色彩。核心硬门要求任何产出新视觉色彩的任务,第一步先出三个真实分化的方向初稿(每方向含主色、辅助、中性阶、语义色、背景),待用户选定后再执行最终版。随后配完整色板、核对可访问性硬指标(正文对比度 ≥ 4.5:1、大字 ≥ 3:1,颜色传信息处加图标或文字冗余,暗模式重调中性阶),最后固化为对应媒介的 token(CSS 变量、App token、ANSI、真彩 hex),并处理亮暗切换与色域降级。涉及具体平台或规格断言时先 WebSearch 验证。

限制:不处理布局、组件选型与交互流程;需后端支持的动态系统需走代码实现。若运行环境无法并行出三版,可串行输出或单版并标注受限;对比度工具不可用时用 WCAG 已知安全组合并标注待实测。具体收费、价格与平台支持情况暂未提供。