skills

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.

Skills

• better-interface: A user-invoked, cross-discipline interface review that coordinates every skill below.
• 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: OKLCH color space: palette generation, contrast, gamut handling 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

npx skills add jakubkrehel/skills

You can choose which skills to install or install all of them. better-interface coordinates the other six skills, so install the complete collection when you want holistic reviews.

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

Use

The default review mode is full. Pass quick for a shorter revie, and add the screen, flow, or feature after the mode.

In Claude Code:

/better-interface
/better-interface quick
/better-interface full checkout flow

In Codex:

$better-interface
$better-interface quick
$better-interface full checkout flow