What does /form-style do?

It recommends a visual direction (primary + fallback) matched to product type with effects, anti-patterns, and a checklist.

How do I install /form-style?

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

AI UI Style Direction Selection

Visual style direction is a strategic choice as much as an aesthetic one. Glassmorphism signals one thing, neo-brutalism another, editorial minimalism a third. Picking the wrong direction means the product reads as the wrong category.

The /form-style skill recommends a visual direction (primary plus fallback) matched to product type and audience. Includes effects (when to use, when not), anti-patterns to avoid, and an implementation checklist so the direction can be applied consistently.

Tonone's /form-style skill recommends visual direction matched to product type, with effects, anti-patterns, and implementation checklist.

FormVisual Design

/form-style

Recommends a visual design direction (primary style + fallback) matched to product type and audience. Includes effects, anti-patterns, and an implementation checklist.

When choosing between design directions or visual …

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-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…

Install

/form-style 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-style do?: It recommends a visual direction (primary + fallback) matched to product type with effects, anti-patterns, and a checklist.
How do I install /form-style?: Install Tonone for Claude Code via tonone.ai/get-started.