Skill / Motion / Interaction / Visual / External
12-principles-of-animation
Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.
Works with
Universal
Hosted in an external repository
This skill's full instructions live in its source repository, not on UI Skillbook. Open it on GitHub to read it, or copy a prompt that points your agent straight at it.
Related skills
apple-designExternal
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
better-uiExternal
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, image outlines, box shadows.
interaction-designExternal
Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.
refine-liveExternal
Iteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.