Jakubkrehel Skills

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.

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

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.

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

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 you figure out how something was built on the web.

Helps your project comply with accessibility standards and best practices.