What does /form-audit do?

It audits UI design quality across consistency, brand usage, design system compliance, spacing, and visual bugs.

How do I install /form-audit?

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

AI UI Design Quality Audit

Design consistency erodes across pages without a check. Color values drift. Type hierarchies disagree. Spacing is improvised. Components diverge from the system.

The /form-audit skill checks design consistency across pages and components, verifies brand color and typography usage, reviews design system compliance, finds spacing inconsistencies, and flags visual bugs. Output ranked by severity.

Tonone's /form-audit skill checks design consistency, brand usage, design system compliance, spacing, and visual bugs.

FormVisual Design

/form-audit

Audits existing UI for visual quality: checks design consistency across pages and components, verifies brand color and typography usage, reviews design system compliance, identifies spacing inconsistencies, and flags visual bugs including misaligned elements, wrong color values, and typography hierarchy violations.

Before a public launch when visual quality matters…

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

Theory-backed design audit that names the violated principle, cites the source, and shows the fix. Evaluates across 10 categories from composition to accessibility to AI slop detection.

When evaluating design quality against fundamental…

PrismFrontend

/prism-audit

Frontend audit: analyzes bundle size to identify what is driving it, checks for unused dependencies that should be removed, runs an accessibility audit against WCAG standards, measures Lighthouse performance metrics, and reviews component quality for consistency with the design system.

When frontend performance is visibly slow or Light…

Install

/form-audit 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-audit do?: It audits UI design quality across consistency, brand usage, design system compliance, spacing, and visual bugs.
How do I install /form-audit?: Install Tonone for Claude Code via tonone.ai/get-started.