Renders a component you choose in every state and scenario on a temporary page and stress tests it.

Builds multiple variants of a component you're working on and helps you iterate and pick one.

Helps you figure out how something was built on the web.

Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.

Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

Focuses on improving product copy in your project.

Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.

Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.

Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.

Helps your project comply with accessibility standards and best practices.

Renders a component you choose in every state and scenario on a temporary page and stress tests it.

Builds multiple variants of a component you're working on and helps you iterate and pick one.

Helps you figure out how something was built on the web.

Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.

Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

Focuses on improving product copy in your project.

Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.

Reviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.

Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.

Helps your project comply with accessibility standards and best practices.