back
loading skill details...
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
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.
don't have the plugin yet? install it then click "run inline in claude" again.