better-ui
Installation
SKILL.md
Details that make interfaces feel better
Great interfaces rarely come from a single thing. It's usually a collection of small details that compound into a great experience. Apply these principles when building or reviewing UI code.
Typography (text wrapping, font smoothing, tabular numbers, spacing) is covered by the better-typography skill; use that for anything text-related.
Custom shaders, dithering, particles, and GPU-driven distortions are outside this broad polish workflow. Route their implementation to shader-design-engineering and their evidence-backed review to creative-rendering-audit.
Quick Reference
| Category | When to Use |
|---|---|
| Surfaces | Border radius, optical alignment, shadows, image outlines, hit areas |
| Animations | Interruptible animations, enter/exit transitions, icon animations, scale on press |
| Performance | Transition specificity, will-change usage |