mcpbeat Sign in

Form Palette Agent Skill

by jeremylongshore

| Use when asked to generate a color palette, create industry-matched colors, or "healthcare app colors", "SaaS brand colors"

977 tokens
context cost
the whole folder, loaded on every use
2
files
instructions only
0
copies elsewhere
how many repositories repackaged it
2679
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill form-palette

What comes with it

275 bytes besides the instruction
.claude-plugin/plugin.json

The instruction itself

6 sections, as written by the author

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.

How to use it

Copy the folder

Take jeremylongshore/form-palette from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.