What is universal-timing?
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges Source: dylantarre/animation-principles.
·universal-timing
*
universal-timing
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
Installation
How to Install universal-timing
Quickly install universal-timing AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill universal-timing
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: dylantarre/animation-principles.
SKILL.md
View rawSome animation truths transcend duration. These principles work at 50ms and 5000ms. Master these to make good timing decisions at any scale.
Squash & Stretch: Scale proportionally - 5% at 100ms, 30% at 2000ms. Never eliminate, always proportional.
Anticipation: Ratio stays constant - anticipation is 20-30% of main action duration, regardless of total time.
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges Source: dylantarre/animation-principles.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dylantarre/animation-principles --skill universal-timing- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-05
- Updated
- 2026-03-10
Quick answers
How do I install universal-timing?
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-timing Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/dylantarre/animation-principles
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-05