SuperAPI AI 工具集

colorize

通用与其它

查看项目

更新于 10-16 05:47

技能介绍

用途:为过于单色、灰暗、缺乏视觉温度和个性的界面策略性引入颜色,提升吸引力与表达力,而不是简单堆砌色彩。

主要能力:

  • 语义色:成功、错误、警告、信息、中性状态,以及状态徽章和进度指示。
  • 强调色:主操作按钮、链接、图标、标题、悬停状态。
  • 背景与表面:用带色调的中性色替代纯灰,使用微妙的渐变与卡片着色。
  • 数据可视化:图表、热力图、对比数据集着色。
  • 边框与装饰:强调边框、下划线、分隔线、聚焦环、彩色标题与小标签、插画和几何形状。
  • 平衡与校验:按 60/30/10 分配主色、辅色与强调色,检查 WCAG 对比度(正文 4.5:1,UI 组件 3:1),并验证红绿色盲可用性。

必要用法:

  • 先收集上下文:目标受众、使用场景、品牌个性、现有品牌色;信息不足或置信度不超过中等时,必须停止并使用 AskUserQuestionTool 澄清。
  • 使用 frontend-design 技能获取设计原则与反模式,未执行前不要继续。
  • 使用 OKLCH 生成感知均匀的和谐色阶。

适用场景:现有设计过于灰暗或单色、需要在不破坏可访问性的前提下增加层次、语义和情绪表达的界面。

限制与禁止:不要使用彩虹般全部颜色(中性色之外最多选 2-4 种);不要无语义地随机上色;不要在有色背景上放灰色文字;不要用纯灰中性色、大面积纯黑或纯白;不得违反 WCAG;不得仅用颜色作为唯一指示;不要默认紫蓝渐变。资料未提供具体安装命令、代码示例、收费、平台与效果数据。