Based on the Details That Make Interfaces Feel Better article. The small corrections that separate a shipped interface from a generated one.
In the author’s words
Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.
The description field from SKILL.md, quoted as written.
Read it before you install it
SKILL.md · 107 lines
Install on its own
Or add it to your stack above and install everything at once.
npx skills add https://github.com/jakubkrehel/skills --skill better-uiTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Resolves · 6,785 stars, passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Last updated 17 days ago, passed
- Checked automatically and confirmed.
- Credited to Jakub Krehel, passed
Goes well with
emil-design-eng
The design-engineering house style behind Sonner and Vaul.
Emil's main skill. Mostly animation, with the UI-polish and component judgement that surrounds it: what to build, how far to push it, and when to stop.
npx skills add https://github.com/emilkowalski/skills
prototype
Builds several genuinely different UI variants behind a live picker.
Flip through real implementations instead of arguing about descriptions, then promote the one that wins.
npx skills add https://github.com/emilkowalski/skills --skill prototype
apple-design
Apple's interface and motion principles, translated for the web.
Distilled from the WWDC design talks. Gesture-driven UI, spring physics, interruptible transitions, translucent materials, optical sizing and the restraint underneath all of it.
npx skills add https://github.com/emilkowalski/skills --skill apple-design