skills
Introduction: A collection of agent skills that help with various parts of building a great interface. From animation and UI polish to accessibility and product writing.
Tags:
A collection of agent skills that help you build a great interface. They cover UI, typography, colors, accessibility, layout, product writing and more.
- better-interface: A cross-discipline interface review that coordinates every skill below.
- interface-review: A user-invoked review of your uncommitted changes, current branch or a pull request against every skill below. Run it by name; it never starts on its own.
- better-ui: Design engineering details that make interfaces feel polished: border radius, shadows, animations and micro-interactions.
- better-typography: Web typography from choosing fonts to spacing, wrapping and accessibility.
- better-colors: Color systems: building and naming palettes, applying color with meaning, contrast and theming.
- better-accessibility: Focus states, keyboard support, ARIA, forms, screen readers, hit areas and motion.
- better-layout: Layout structure, grouping, alignment, reading order, progressive disclosure and adaptive breakpoints.
- better-writing: UX writing and interface copy, from button labels to errors, settings and empty states.
Install
CLI
Works in Claude Code, Codex, Opencode and other agents. You can choose which skills to install or install all of them.
npx skills add jakubkrehel/skills
Claude Code plugin
Installs every skill in this repository together and updates in place. Run these inside Claude Code:
/plugin marketplace add jakubkrehel/skills
/plugin install interfaces@interfaces
