Form palette

Skill jeremylongshore/claude-code-plugins-plus-skills/plugins/ai-agency/tonone/skills/form-palette

Use when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. Examples: "color palette for fintech", "healthcare app colors", "SaaS brand colors"From its SKILL.md

Install

npx -y skills add jeremylongshore/claude-code-plugins-plus-skills --skill form-palette

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

3.5 KB, 694 tokens by cl100k_base, as published. Nobody here has run it

form-palette — Color Palette Generation

Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.

When to use

Product needs a color palette. Industry or product type is known or discoverable from context.

Workflow

Identify product type from user request or project context

Search product reasoning:

python3 -m form_agent.uiux search --domain product --query "{product_type}" --limit 3

Search color conventions:

python3 -m form_agent.uiux search --domain color --query "{product_type}" --limit 3

Output a full shadcn-compatible token set using the format below

Output format

┌─ Color Palette — {product_type} ───────────────────────────────────┐
│ Token                  │ Light            │ Dark             │ WCAG │
├────────────────────────┼──────────────────┼──────────────────┼──────┤
│ Primary                │ {hex}            │ {hex}            │ AA   │
│ On Primary             │ {hex}            │ {hex}            │ AA   │
│ Secondary              │ {hex}            │ {hex}            │ AA   │
│ On Secondary           │ {hex}            │ {hex}            │ AA   │
│ Accent                 │ {hex}            │ {hex}            │ AA   │
│ On Accent              │ {hex}            │ {hex}            │ AA   │
│ Background             │ {hex}            │ {hex}            │ —    │
│ Foreground             │ {hex}            │ {hex}            │ AA   │
│ Card                   │ {hex}            │ {hex}            │ —    │
│ Card Foreground        │ {hex}            │ {hex}            │ AA   │
│ Muted                  │ {hex}            │ {hex}            │ —    │
│ Muted Foreground       │ {hex}            │ {hex}            │ AA   │
│ Border                 │ {hex}            │ {hex}            │ —    │
│ Destructive            │ {hex}            │ {hex}            │ AA   │
│ On Destructive         │ {hex}            │ {hex}            │ AA   │
│ Ring                   │ {hex}            │ {hex}            │ —    │
└────────────────────────┴──────────────────┴──────────────────┴──────┘

Anti-patterns

Never violate WCAG AA contrast (4.5:1 for normal text, 3:1 for large text)
Never ignore industry color conventions (e.g., red for destructive, green for success)
Never output tokens without both light and dark values
Never reuse the same hue for Primary and Destructive

Delivery

If output exceeds the 40-line CLI budget, invoke /atlas-report with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.

What ships with it: 1 file

275 B alongside SKILL.md

.claude-plugin/

plugin.json275 B