Color Sense System
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, andCMYKwhere relevant, plus roles such asprimary,secondary,accent, andneutral. - Usage system: suggested
60/30/10ratios, 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.
Related Skills
Convert Chinese or natural-language requests into paste-ready English image prompts for ChatGPT's web UI, covering generation, editing, multi-image references, and exact text without performing image generation.
A creative AI image workflow for style transfer, reference-based creation, scene replacement, series expansion, material conversion, era shifts, composition rework, lineart conversion, and cartoonization.
Translates star-inspired football memories and fan resonance into compliant original IP poster concepts while avoiding real names, likenesses, official badges, and event logos.
Extracts real web page colors, typography, components, layouts, and interaction styles with a Playwright script to produce a verifiable design guideline.