@jakubkrehel

oklch-skill explains perceptually uniform color spaces and references conversion, palette generation, contrast checking, and tailwind integration workflows without procedural depth or actionable steps.

better-writing establishes principles for clear, consistent user-facing copy across interfaces, emphasizing clarity over cleverness and adherence to existing product voice before writing any new text.

better-layout covers foundational principles for web layout: grouping, alignment, spacing, and adaptive breakpoints. defers accessibility, visual polish, and typography to sibling skills. references numeric starting points but lacks concrete step-by-step procedures.

better-ui covers design polish through motion, surfaces, and composition details. guides reviewers on inspecting animations and references related typography and accessibility skills.

better-interface coordinates cross-discipline review by delegating domain rules to specialist skills and consolidating findings into one prioritized verdict, with scope inference and coverage modes (quick/full) to bound work.

Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it.

Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot.

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

Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography,…

Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.

Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts between formats and measures contrast.

Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncation and punctuation.

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…