The interface is localized. Skill descriptions and documents are machine-translated by AI into your language; code, commands, paths and technical terms stay in the original, and the author's document governs.
Explore skills
Design & creative ยท SKILL.md

form-palette

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"

Independent GitHub snapshot ยท Automated classification ยท Original documentation governs

Skill documentation

GitHub

name: form-palette description: | 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" allowed-tools: Read, Bash, Glob, Grep version: 0.6.6 author: tonone-ai hello@tonone.ai license: MIT

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

  1. Identify product type from user request or project context
  2. Search product reasoning:
    python3 -m form_agent.uiux search --domain product --query "{product_type}" --limit 3
    
  3. Search color conventions:
    python3 -m form_agent.uiux search --domain color --query "{product_type}" --limit 3
    
  4. 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.

Saved skills