Agent Skills
返回列表
色彩感知系统

色彩感知系统

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,将 @user_15292d5a/yjkj-color-sense 安装到你的 AI 助手。

技能介绍

解决的问题

很多配色输出只给出一组好看的色值,缺少角色、比例、深浅模式与可访问性约束,最终在 UI、品牌或印刷场景中难以直接落地。color-sense 关注的是“可解释、可应用”的色彩系统:它会要求最少但关键的输入,例如使用场景、目标情绪、既有品牌色、必须使用或避免的颜色、light/dark mode,以及 WCAG 对比或色盲友好需求。若信息不足,它会说明假设,而不是反复追问或生成泛泛色卡。

工作方式与适用边界

技能会按固定结构输出:

  • Palette overview:命名、用途与情绪摘要。
  • Core palette:5–7 个颜色,给出 HEX、RGB、必要时 CMYK,并说明 primary、secondary、accent、neutral 等角色。
  • Usage system:建议 60/30/10 比例、层级规则和主次关系。
  • Color logic:用平实语言解释单色、类似色、互补色、三角色等策略为何适配当前媒介。
  • Variants 与 Accessibility:提供浅色、深色、低饱和、高对比变体,并标注关键色对的估算对比风险。

它适合 UI、品牌支持色、海报插图、摄影调色与数据可视化。边界也很清楚:未计算时不会伪装成精确对比值,不承诺印刷级准确,也不替代完整品牌识别流程。

使用场景

  • 为 SaaS 控制台确定深浅色模式下的主色、背景与状态色,并输出使用比例。
  • 给产品海报生成 60/30/10 色彩比例、强调色位置与避免组合建议。
  • 在数据可视化中挑选可读、色盲风险较低的主色系与状态色,并说明理由。
  • 将摄影后期需求翻译成高光与阴影色彩偏置、氛围方向和高对比版本。

适合人员

  • 负责后台产品界面的前端工程师,需要可直接用于 CSS 的色值、角色和深浅色模式建议。
  • 做品牌视觉落地的设计师,需要主色、支持色、使用边界与避免组合,而非单纯色卡。
  • 制作信息图或数据看板的可视化工程师,需要可读、状态色和色盲风险说明。
  • 负责海报或摄影调色的视觉策划,需要氛围色彩逻辑、强调色和高对比版本。