ui-animation
✓Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.
Installation
SKILL.md
Comprehensive guide for creating purposeful, performant animations in user interfaces.
| Timing | Duration reflects importance/distance | | Easing | Natural acceleration/deceleration | | Anticipation | Visual preparation for action | | Follow-through | Momentum continues after stop | | Secondary Action | Supporting elements respond | | Staging | Draw attention to key element | | Squash & Stretch | Bouncy, playful interactions |
| Exaggeration | Emphasize important feedback | | Arc | Natural curved motion paths | | Overlap | Elements move at different rates | | Solid Drawing | Maintain consistent 3D space | | Appeal | Engaging, delightful motion |
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms. Source: travisjneuman/.claude.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/travisjneuman/.claude --skill ui-animation- Source
- travisjneuman/.claude
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is ui-animation?
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms. Source: travisjneuman/.claude.
How do I install ui-animation?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/travisjneuman/.claude --skill ui-animation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/travisjneuman/.claude
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01