Systems that scale

Skills for better interfaces

7 skills

Reusable guidance that gives agents a clearer quality bar for interface work.

Install the complete collection

Add every Interface Essentials skill with a single command.

npx skills add jakubkrehel/skills --skill '*' --copy -y

  • /better-ui

    UI polish

    View source — Opens in a new tab

    Refines surfaces, icons, states, microinteractions, and motion with close attention to detail.

    Best used for: Use for components, hover and active states, elevation, and visual feedback.

    npx skills add jakubkrehel/skills --skill better-ui --copy -y

  • /better-typography

    Typography

    View source — Opens in a new tab

    Covers typefaces, scale, weight, spacing, wrapping, truncation, and technical numbers.

    Best used for: Use for text hierarchy, readability, and responsive type behavior.

    npx skills add jakubkrehel/skills --skill better-typography --copy -y

  • /better-colors

    Colors

    View source — Opens in a new tab

    Works with OKLCH, contrast, gamut, semantic tokens, and light or dark themes.

    Best used for: Use for palettes, contrast, design tokens, and Tailwind color systems.

    npx skills add jakubkrehel/skills --skill better-colors --copy -y

  • /better-accessibility

    Accessibility

    View source — Opens in a new tab

    Guides focus, keyboard support, semantics, forms, screen readers, and reduced motion.

    Best used for: Use for components, dialogs, menus, forms, and accessibility reviews.

    npx skills add jakubkrehel/skills --skill better-accessibility --copy -y

  • /better-layout

    Layout

    View source — Opens in a new tab

    Improves grouping, alignment, hierarchy, spacing, adaptation, and reading order.

    Best used for: Use for responsive pages, grids, panels, and progressive disclosure.

    npx skills add jakubkrehel/skills --skill better-layout --copy -y

  • /better-writing

    UX writing

    View source — Opens in a new tab

    Improves labels, buttons, errors, empty states, and instructions with clear, consistent language.

    Best used for: Use for interface copy, messages, and product flows.

    npx skills add jakubkrehel/skills --skill better-writing --copy -y

  • /better-interface

    Complete review

    View source — Opens in a new tab

    Coordinates one interface review across accessibility, layout, writing, typography, color, and UI.

    Best used for: Use for holistic audits of a screen, flow, or product.

    npx skills add jakubkrehel/skills --skill better-interface --copy -y

Skills created and maintained by Jakub Krehel. GitHub — Opens in a new tab.