·universal-patterns
*

universal-patterns

Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.

34Installs·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns

How to Install universal-patterns

Quickly install universal-patterns AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns
  3. 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 raw

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

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns
Category
*Creative Media
Verified
First Seen
2026-03-04
Updated
2026-03-10

Browse more skills from dylantarre/animation-principles

Quick answers

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.

How do I install universal-patterns?

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

Where is the source repository?

https://github.com/dylantarre/animation-principles