make-interfaces-feel-better

What problem does it solve? Interfaces often feel flat, cramped, or unfinished because of small design-engineering details like mismatched border radii, awkward text wrapping, abrupt transitions, and tiny hit areas. This Skill provides a concrete checklist and code patterns to systematically fix those polish issues. ## Core Features & Use Cases - Visual Refinement Rules: Apply concentric border radius math, optical icon alignment, layered shadows, and neutral image outlines for coherent surfaces. - Typography & Motion Guidance: Use text-wrap balance/pretty, tabular numerals for dynamic numbers, font smoothing, and scoped CSS transitions with split enter/exit animations. - Structured Review Output: Produce before/after tables mapping each principle to concrete changes, plus a final checklist covering hit areas, transition scope, and interaction states. - Use Case: When a user says a dashboard or card layout feels generic or jumpy, run a polish pass that fixes radius nesting, replaces transition: all with explicit properties, and adds tactile press states to buttons. ## Quick Start Review my UI components and apply interface polish improvements to spacing, typography, shadows, and transitions.