jakubkrehel/skills

better-accessibility

Helps your project comply with accessibility standards and best practices.

better-colors

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.

better-interface

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

better-layout

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

better-typography

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

better-ui

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

better-writing

Focuses on improving product copy in your project.

break

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

explain-interface

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

interface-review

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

variant

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