Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add codebygarv/Ai-skills --skill color-palette-generatorgit clone --depth 1 https://github.com/codebygarv/Ai-skillsWrote 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/codebygarv/ai-skills/color-palette-generator)<a href="https://agentmods.dev/skills/codebygarv/ai-skills/color-palette-generator"><img src="https://agentmods.dev/badge/skills/codebygarv/ai-skills/color-palette-generator/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/codebygarv/ai-skills/color-palette-generator"><img src="https://agentmods.dev/badge/skills/codebygarv/ai-skills/color-palette-generator.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.00024 | $0.00358 |
| Opus 5 | $0.00012 | $0.00179 |
| Sonnet 5 | $0.00005 | $0.00072 |
| Haiku 4.5 | $0.00002 | $0.00036 |
Grade A, and why
color-palette-generator 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 6d 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
Purpose
Generate cohesive, accessible, and theme-ready color palettes mapped into semantic design tokens (background, surface, text, border, primary, destructive, warning, success) for light and dark modes with guaranteed WCAG contrast ratios.
When to Use
- Bootstrapping a new brand design system or UI component library.
- Implementing dark mode on an existing light-only website.
- Fixing accessibility color contrast failures across text and interactive elements.
What to Analyze
- Brand Primaries: Core brand identity hue and saturation.
- Perceptual Uniformity: Using OKLCH or HSL for balanced lightness steps (50 to 950).
- WCAG Compliance: Minimum 4.5:1 contrast for normal text (AA) and 7:1 for AAA on all surface pairs.
- Semantic Token Mapping: Decoupling raw colors (
blue-500) from semantic intents (bg-surface-elevated,text-secondary). - Dark Mode Inversion: Shifting surface lightness and desaturating vibrant accent colors for reduced eye strain.
Output Format
- Color Token Table: Raw color scale steps (50, 100, 200 ... 950).
- Semantic CSS Variables: Light and Dark mode
:rootvariables. - Contrast Proof: WCAG contrast ratio score for each text/background pairing.
Avoid
- Hardcoding raw hex values in individual component styles.
- Creating dark modes that use pure
#000000black without subtle neutral grays for elevation.
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- 6d ago First seen · 34 lines · 24 tokens per session scan A 25b331bc4c46
color-palette-generator is a skill published in the GitHub repository codebygarv/Ai-skills (25 stars, last pushed 21d ago), licensed MIT. It adds 24 tokens to every session and 358 once invoked, about $0.0001 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-09-03.
Other skills, from other repositories
super-design
Use when the user asks you to build, style, theme, refine, audit, or recreate UI — or uploads a screenshot to rebuild. Reads DESIGN.md as a closed token layer, detects the project's framework (Tailwind v4/v3, ShadCN, MUI, Radix, Geist), and enforces production design rules (tokens only, full state matrix, WCAG 2.2 AA…
ds-frontend
Frontend design quality — design-system audit, token enforcement, component states, accessibility, responsive layout, theming. Use when building or reviewing UI for design consistency, a11y, or responsiveness.
premium-hero-builder
Build premium, dark-themed hero sections and landing pages with cinematic video backgrounds, liquid glass morphism, editorial typography, and pixel-perfect specifications. Based on the Viktor Oddy methodology of detailed design prompts that produce agency-quality results from AI code generation. Use when building hero…
web-ui-ux
Web UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation). Use when asked to improve UI/UX, audit a page, design a screen, create a component spec, or generate HTML head/manifest/icon guidance for a web…
top-design
Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "Awwwards quality", "make my site stunning", "scroll animations", "parallax storytelling", "cinematic web design", "portfolio site", or "brand experience". Also trigger when elevating a standard…
web-typography
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system…