skills

A collection of agent skills that cover UI, typography, colors, accessibility, layout, product writing and help you build a great interface.

These skills cover topics that I write about on my personal website and my design engineering magazine, Interfaces.

Skills that help build great interfaces

• better-interface: Combines all of the better-* skills into a single review across accessibility, layout, writing, typography, color and UI polish.
• better-ui: Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows, icon states and animation.
• better-typography: Sets and reviews how text renders in your product, from the type scale and spacing to font features, wrapping, truncation and punctuation.
• better-colors: Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts between formats and measures contrast.
• better-accessibility: Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.
• better-layout: Helps with grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.
• [**bett