ui-animation
Builds, reviews, and measures UI motion, including springs, gestures, scroll effects, and curve fitting from recordings. Use when asked to "add animation", "match this easing", "reverse engineer this motion", or find animation opportunities. For action semantics use product-design; for visual layout use ui-design.
- installs 8w
- 1,799
- 30-day movement
- starts with the next reading
- Related entries
- 2
- Connections
- 0
An agent skill that guides designing, implementing, reviewing, and debugging UI motion — springs, gestures, drag, easing, CSS transitions, keyframes, and Motion. It bundles rules, workflows, checklists, and reference files covering curve fitting from recordings, performance, accessibility, and anti-patterns.
Reach for it when a task involves adding animation, matching an easing curve, reverse-engineering motion from a recording, or auditing an interface for animation opportunities.
Use it to
- Add animation to a UI element with purpose-driven rules
- Match or reverse-engineer easing from a screen recording
- Sweep an interface for animation opportunities
- Debug animation performance and accessibility issues
- Review existing motion against anti-patterns
For Developers and designers building or reviewing interface motion
- Host repository
- mblode/agent-skills
- Installs, lifetime
- 9,100
- Installs, 8 weeks
- 1,799
- Host stars
- 116
- Host language
- Shell