What is universal-patterns?
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces. Source: dylantarre/animation-principles.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Quickly install universal-patterns AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 principles as baseline defaults for any animation.
| Instant | 100-150ms | Hovers, toggles, micro-states | | Fast | 150-250ms | Feedback, small transitions | | Standard | 250-400ms | Modals, reveals, state changes | | Slow | 400-600ms | Page transitions, sequences | | Deliberate | 600-1000ms | Dramatic reveals, celebrations |
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces. Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill universal-patternsUse when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces. Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles