make-interfaces-feel-better

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.

Quick Reference

Category
When to Use

Typography
Text wrapping, font smoothing, tabular numbers

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

Core Principles

1. Concentric Border Radius

Outer radius = inner radius + padding. Mismatched radii on nested elements is the most common thing that makes interfaces feel off.