make-interfaces-feel-better

Polish existing UI components by refining radii, shadows, typography, motion, and micro-interactions to align with your design system. The Skill maps visual gaps to concrete before/after deltas grouped by design principles, avoiding new dependencies.

Improve hover states and focus outlines by applying non-invasive refinements to micro-interactions that map directly to existing design system tokens. The Skill outputs actionable change requests for designers and engineers grouped by typography, surfaces, and animations.

You can refine motion and typography on cards and modals without adding new dependencies. The Skill works on existing interfaces with minimal disruption, mapping polish opportunities to performance and animation principles using your current stack.

Identify and fix UI polish gaps by inspecting target surfaces like menus and lists, then presenting concrete before/after deltas grouped by principle. The Skill maps issues across typography, surfaces, and animations to produce actionable guidance.

This approach works for tightening shadows and radii on buttons and lists by producing non-invasive before/after recommendations. It applies to existing components where polish gaps are perceived, aligning changes with design system tokens.

Avoid automated UI polish refinements when your interface lacks an established design system or when components require structural redesign rather than visual tightening. The Skill focuses on mapping surface, motion, and typography gaps to existing tokens, not introducing new patterns.