How do I install /proof-design?

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

AI Design QA Audit

Design QA is the pass that catches the visual issues that escape feature review. The typography that does not match the system. The button color that is one shade off. The layout that breaks at the second-most-common breakpoint. The empty state that nobody designed. Each is small and cumulatively the difference between an app that feels finished and one that feels rough.

The /proof-design skill audits the visual layer across typography, color, layout, components, and content. Each finding is classified Critical (blocks ship), Major (ship-blocking on second look), or Minor (cleanup). The output is a ship-readiness verdict the team can act on.

What the audit covers

Typography: hierarchy, weights, line height, contrast. Color: brand match, semantic correctness, accessibility. Layout: alignment, spacing, breakpoints. Components: design system match. Content: copy quality, microcopy, error messages.

Tonone's /proof-design skill audits visual quality across typography, color, layout, components, and content with a ship-readiness verdict.

ProofQuality

/proof-design

Design QA audit that scans for visual red flags across typography, color, layout, components, and content. Classifies each finding Critical/Major/Minor and outputs a ship-readiness verdict.

Before shipping any UI. Run after design implement…

ProofQuality

/proof-strategy

Designs a test strategy for a project: analyzes what tests already exist and at what layer, identifies critical user paths with no coverage, recommends the right mix of unit, integration, and E2E tests given the project's specific risk profile and release cadence, and produces a testing plan with priority order and rationale.

When starting a new project and want to establish …

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…

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…

Install

/proof-design ships with the Proof agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Proof

$ claude plugin install proof@tonone-ai

Frequently asked questions

What does /proof-design do?: It audits the visual layer across typography, color, layout, components, and content with a ship-readiness verdict.
How do I install /proof-design?: Install Tonone for Claude Code via tonone.ai/get-started.