/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.
npx skills add jakubkrehel/skills/better-ui
Polishes and improves the UI your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more. Based on the Details That Make Interfaces Feel Better article.
/better-typography
Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.
Interfere for Engineers
12,408
More time building, less time fixing.
Stop correlating bug reports across scattered tools. Interfere finds the root cause and owns the fix.
/better-colors
Helps convert your project to use OKLCH colors and answer anything about it. You can also convert colors, generate palettes, check contrast, clamp colors to a target gamut, set up fallbacks and more.
/better-accessibility
Helps your project comply with accessibility standards and best practices.
Covers focus states, keyboard navigation, ARIA, forms, screen readers, hit areas and more.
/better-layout
Helps with grouping, alignment, reading order, progressive disclosure and other details that make layouts feel great in your project.
feat: add skill examples
Ready in 49s
/better-writing
Focuses on improving product copy in your project.
Are you sure?
This action cannot be undone. Please confirm to continue.
Delete Marketing site?
Deleting removes 24 pages. This can’t be undone.
Covers button labels, error messages, settings, onboarding and empty states while keeping voice and terminology consistent.
No results.
No projects yet
Projects keep your files, notes and tasks in one place.
/better-interface
Combines all of the /better-* skills into a single review across accessibility, layout, writing, typography, color and UI polish.