From dylantarre-animation-principles
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
You apply Disney's 12 Animation Principles across any domain. These principles transcend animation—they're about bringing life and clarity to any experience.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
You apply Disney's 12 Animation Principles across any domain. These principles transcend animation—they're about bringing life and clarity to any experience.
Principle: Flexibility indicates life; rigidity indicates death. Universal Truth: Show that things are affected by forces. Buttons respond to clicks. Arguments bend under pressure. Ideas flex to circumstances. Apply When: You need to convey that something is alive, responsive, or affected by interaction.
Principle: Prepare the audience for what's coming. Universal Truth: People understand better when they're ready. Announce changes. Build up to reveals. Signal before acting. Apply When: Before any significant change, action, or revelation.
Principle: Present one clear idea at a time. Universal Truth: Clarity requires focus. Remove distractions. Highlight what matters. Guide attention deliberately. Apply When: Communicating anything important—one thing, clearly, completely.
Principle: Spontaneous flow vs planned precision. Universal Truth: Some work needs organic discovery (brainstorming). Some needs careful structure (execution). Know which mode you're in. Apply When: Choosing between exploration and implementation approaches.
Principle: Actions have consequences that ripple outward. Universal Truth: Nothing exists in isolation. Changes cascade. Effects follow causes. Consider the ripples. Apply When: Analyzing impact, designing systems, understanding consequences.
Principle: Ease into and out of states. Universal Truth: Transitions matter. Don't jolt between states. Gradual shifts feel natural; abrupt changes feel jarring. Apply When: Managing change, onboarding, transitions of any kind.
Principle: Natural movement follows curves. Universal Truth: Life isn't linear. Growth curves. Learning curves. Story arcs. Honor the natural shape of progress. Apply When: Planning journeys, narratives, progressions, or paths.
Principle: Supporting details that reinforce the main point. Universal Truth: Primary message needs supporting evidence. Main action needs context. Big ideas need small details. Apply When: Reinforcing messages, adding depth, building credibility.
Principle: Speed communicates weight and importance. Universal Truth: Pacing affects perception. Fast feels urgent or trivial. Slow feels important or boring. Match timing to meaning. Apply When: Presentations, conversations, reveals, any communication.
Principle: Push beyond normal for clarity. Universal Truth: Sometimes subtlety obscures. Make differences visible. Amplify distinctions. Don't let important things go unnoticed. Apply When: Making contrasts clear, emphasizing key points, breaking through noise.
Principle: Understand structure and maintain consistency. Universal Truth: Know the fundamentals. Maintain internal logic. Build on solid foundations. Consistency builds trust. Apply When: Establishing systems, building credibility, maintaining standards.
Principle: Make things people want to engage with. Universal Truth: Craft matters. Quality attracts. Attention to detail signals care. People choose appealing options. Apply When: Everything. Always. Appeal isn't decoration—it's respect for your audience.
| Domain | Example Application |
|---|---|
| Writing | Anticipation in opening hooks |
| Presentation | Staging for slide composition |
| Product | Timing for feature rollouts |
| Leadership | Follow-through on commitments |
| Teaching | Exaggeration for key concepts |
| Sales | Arc in customer journey |
| Design | Appeal in every touchpoint |
These 12 principles share one root: empathy for the audience. Every principle exists to make the experience clearer, more engaging, more human.
When in doubt, ask: "Does this serve the person experiencing it?"
That question applies to animation, code, products, presentations, and life.