What does /form-palette do?

It generates a shadcn-compatible color palette (light and dark) matched to product type with WCAG AA contrast verification.

How do I install /form-palette?

Install Tonone for Claude Code via tonone.ai/get-started.

AI Color Palette Generator (Industry-Matched)

Color palettes generated without industry context look generic at best and wrong at worst. A fintech palette has different conventions than a consumer SaaS palette than a developer tool palette. Picking the wrong direction signals the wrong category.

The /form-palette skill generates a full shadcn-compatible color token set (light + dark) matched to the product type and industry conventions. Every pair is verified against WCAG AA contrast minimum so the palette is accessible by default.

Tonone's /form-palette skill generates shadcn-compatible palettes matched to product type with WCAG AA verification.

FormVisual Design

/form-palette

Generates a full shadcn-compatible color token set (light + dark) matched to product type and industry conventions. Every pair verified against WCAG AA contrast.

When a product needs a color palette and the indus…

FormVisual Design

/form-brand

Creates brand identity foundations: color palette with primary, secondary, and semantic tokens with usage rules; type system with scale, pairing rationale, and line height specifications; iconography style direction; and style guide documentation. Every choice is tied to a brand principle so the reasoning can be applied consistently to new surfaces.

When launching a new product that needs a visual i…

FormVisual Design

/form-tokens

Defines a complete design token system: semantic color tokens (primary, surface, text, border, status), spacing scale, typography tokens, shadow and radius values, animation timing tokens, and maps them to CSS custom properties and Tailwind configuration. Bridges design decisions to code so both are consistent.

When establishing a design system and need the tok…

Install

/form-palette ships with the Form agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Form

$ claude plugin install form@tonone-ai

Frequently asked questions

What does /form-palette do?: It generates a shadcn-compatible color palette (light and dark) matched to product type with WCAG AA contrast verification.
How do I install /form-palette?: Install Tonone for Claude Code via tonone.ai/get-started.