jakubkrehel/skills — Agent Skills for Better UI/UX

• URL: https://github.com/jakubkrehel/skills
• Date Saved: 2026-07-31
• Source: GitHub
• Tags: ai-tools, dev-tools
• Repo: https://github.com/jakubkrehel/skills

Summary

A collection of 7 agent skills (for Claude Code, Codex, etc.) focused on building polished interfaces. Created by the maker of interfaces.dev. 2.3k stars in 3 weeks (created 2026-07-10).

Skills included:

1. better-interface — Meta skill that coordinates the other six for holistic interface reviews
2. better-ui — Design engineering polish: border radius, shadows, animations, micro-interactions, icon states
3. better-typography — Font choices, spacing, wrapping, accessibility
4. better-colors — OKLCH color space, palette generation, contrast, gamut handling, theming
5. better-accessibility — Focus states, keyboard, ARIA, forms, screen readers, hit areas, motion
6. better-layout — Grouping, alignment, reading order, progressive disclosure, breakpoints
7. better-writing — UX writing: button labels, errors, settings, empty states

Installation:

• Claude Code plugin: /plugin marketplace add jakubkrehel/skills
• CLI (works across agents): npx skills add jakubkrehel/skills

Usage: Invoke via /better-interface (Claude Code) or $better-interface (Codex). Supports full (default) and quick review modes, optionally scoped to a specific screen/flow.

Notable design principles from better-ui:

• Concentric border radius (outer = inner + padding)
• Optical over geometric alignment
• Interruptible CSS transitions for interactive states
• Scale on press: always 0.96, never below 0.95
• Never use transition: all
• Icon stroke weight matched to text weight (1.5px for 400, 2px for 600)
• Image outlines with pure black/white at low opacity, never tinted neutrals