skills

This repository is a collection of agent skills aimed at helping developers and designers build better user interfaces. The skills are based on topics the author writes about on their personal website and their design engineering magazine, Interfaces. Included skills: - better-interface: Combines all of the better-* skills into a single review. - better-ui: Improves UI across a project, covering concentric border radius, optical alignment, contextual icons, hit areas, animation and more. - better-typography: Improves type, covering type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and more. - better-colors: Helps build a color system, including generating palettes, using semantic tokens, converting between formats and checking contrast. - better-accessibility: Helps projects comply with accessibility standards and best practices. - better-layout: Helps with grouping, alignment, reading order and other layout details. - better-writing: Focuses on improving product copy and keeping it consistent. - interface-review: Reviews work across UI, typography, layout, color, writing and accessibility, providing a detailed analysis. User-invoked. - explain-interface: Helps figure out how an animation, design or piece of UI was built on the web. User-invoked. - break: Renders a chosen component in every state and scenario on a temporary page and stress tests it. User-invoked. - variant: Builds multiple variants of a component and helps iterate on them. User-invoked. Installation is done with `npx skills add jakubkrehel/skills`. It can also be installed as a Claude Code plugin via the plugin marketplace commands shown in the README.