AI Agent Hub
Back to skills
Color Sense System icon

Color Sense System

Design & Media Updated 2026.08.30

Paste the following prompt into your AI chat to install this skill:

Please install @user_15292d5a/yjkj-color-sense into your AI assistant by following https://skillhub.cn/install/skillhub.md.

About this skill

The problem

Many color outputs only provide a list of attractive hex values without roles, ratios, light/dark behavior, or accessibility constraints, making them hard to apply in real UI, brand, or print work. color-sense focuses on explainable and usable color systems: it asks for minimal but useful input, such as use case, target mood, existing brand colors, must-use or avoid colors, light/dark mode, and WCAG contrast or color-blindness concerns. When details are missing, it states explicit assumptions instead of blocking or producing a generic swatch list.

How it works and boundaries

The skill outputs a structured result:

  • Palette overview: name, intended use case, and a short emotional summary.
  • Core palette: 5–7 colors with HEX, RGB, and CMYK where relevant, plus roles such as primary, secondary, accent, and neutral.
  • Usage system: suggested 60/30/10 ratios, hierarchy rules, and guidance on what should dominate or stay rare.
  • Color logic: plain-language explanation of monochromatic, analogous, complementary, split-complementary, or triadic strategy and why it fits the medium.
  • Variants and accessibility: light, dark, muted, or high-contrast versions, with estimated contrast notes for key pairs and color-blindness risks.

It is useful for UI, brand support palettes, illustration, photography grading, and data visualization. The boundaries are clear: it does not claim exact computed contrast unless calculated, does not guarantee print-perfect accuracy, and does not replace a full brand identity process.

Use Cases

  • Define primary, background, and status colors for a SaaS console in light/dark mode, with usage ratios.
  • Create a poster palette with 60/30/10 ratios, accent placement, and combinations to avoid.
  • Select readable data-visualization colors with lower color-blindness risk and explain the palette logic.
  • Translate a photography grading brief into highlight/shadow bias, mood direction, and high-contrast variants.

Best For

  • Frontend engineers who need CSS-ready values, color roles, and light/dark mode guidance for console UIs.
  • Brand designers who need primary/supporting colors, usage boundaries, and avoid-lists rather than raw swatches.
  • Data-visualization engineers who need readable state colors and color-blindness risk notes for dashboards.
  • Visual planners who need color logic, focal accents, and high-contrast variants for posters or photo grading.