Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/aka-kika/akakika-skillsnpx agentmods add skills/aka-kika/akakika-skills/color-principlesWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/aka-kika/akakika-skills/color-principles)<a href="https://agentmods.dev/skills/aka-kika/akakika-skills/color-principles"><img src="https://agentmods.dev/badge/skills/aka-kika/akakika-skills/color-principles/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/aka-kika/akakika-skills/color-principles"><img src="https://agentmods.dev/badge/skills/aka-kika/akakika-skills/color-principles.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00052 | $0.00497 |
| Opus 5 | $0.00026 | $0.00249 |
| Sonnet 5 | $0.00010 | $0.00099 |
| Haiku 4.5 | $0.00005 | $0.00050 |
Grade A, and why
color-principles scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Premium Color Principles
Seven principles for color that feels calm, premium, and accessible. Use them to review or design any digital interface — and reference them by number when giving feedback.
Triggers: color, palette, UI design, visual hierarchy, contrast, muted tones, accent color, design feedback, color theory.
The 7 principles
1. Reduce your palette
The fewer colors you use, the more each one matters.
- 3 colors maximum
- Neutral grays as the base
- One accent color — for CTAs only
2. Use muted tones more often
If everything shouts, nothing stands out.
- Avoid saturated colors for large areas
- Muted tones read as premium and calm
3. Create intentional contrast
Contrast tells users where to look first.
- Minimum 4.5:1 for text (WCAG AA)
- Target 7:1+ for premium (WCAG AAA)
4. Use accent colors sparingly
Accent colors only work when they're rare.
- One accent per view/screen
- Reserve it for the primary action
5. Avoid pure black and pure white
Tiny shifts create different feelings.
- Use
#1a1a1aor#121212instead of#000 - Use
#FAFAF7or#F5F5F0instead of#FFF
6. Keep color behavior consistent
Users shouldn't have to relearn your colors.
- One action = one color, always
7. Let whitespace support color
Whitespace makes color intentional.
- Don't crowd colors together
Feedback format
When reviewing a design, structure the response as:
- Assessment — which principles it follows or violates
- Analysis — specific feedback per principle
- Suggestions — concrete hex recommendations
- Priority — what to fix first
Pairs well with kika-design-system — these are the general review lens; that skill is one opinionated system built on them.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 58 lines · 52 tokens per session scan A 9c456aff0c41
color-principles is a skill published in the GitHub repository aka-kika/akakika-skills (10 stars, last pushed 2d ago), licensed MIT. It adds 52 tokens to every session and 497 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
apple-design
Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (122 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for distinctive, non-templated work. Use it to audit, review, critique, or improve any mobile app (iOS, Flutter, React Native) or…
create-workflow-diagram
Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. Renders beautiful HTML diagrams with connected nodes, arrows, and labels, then screenshots them for sharing.
create-chatgpt-mockup
Render pixel-accurate ChatGPT mobile (iOS) screen mockups in light mode from a thread JSON. Supports user text bubbles, user image attachments, assistant markdown prose, citation chips, the OpenAI spiral logo, the Apps-SDK GPT chip in the composer, and three header styles (model-tag, plain title, "Get Plus"). Fixed…
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
layout-skill
Layer A layout-mechanics reference. Stacks on any style skill when the screen is an app shell, dashboard, settings, list-detail, mail/inbox, or any layout with fixed regions plus a scrolling body — or when a layout breaks under long, empty, or unbroken content. Owns spatial structure and scroll ownership; owns zero…
ui-designer/design-system
A shared set of rules for a product’s visual design, covering colors, fonts, spacing, corner shapes, shadows, and animations.