From dylantarre-animation-principles
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
This principle isn't about what animation looks like—it's about how animation is created. Two fundamentally different approaches produce different qualities, and understanding when to use each (or combine them) separates competent animators from masters.
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.
This principle isn't about what animation looks like—it's about how animation is created. Two fundamentally different approaches produce different qualities, and understanding when to use each (or combine them) separates competent animators from masters.
Straight Ahead Action: Drawing frame 1, then frame 2, then frame 3, sequentially. The animator discovers the motion while creating it. Like jazz improvisation—spontaneous, energetic, unpredictable.
Pose to Pose: Planning key poses first, then filling in between. The animator architects the motion before executing. Like classical composition—controlled, precise, structured.
| Aspect | Straight Ahead | Pose to Pose |
|---|---|---|
| Energy | Wild, organic | Controlled, deliberate |
| Planning | Minimal | Extensive |
| Proportion control | Difficult | Easy |
| Spontaneity | High | Lower |
| Revisions | Costly | Efficient |
| Best for | Effects, chaos, fluidity | Acting, dialogue, precision |
Modern animation rarely uses pure methods. The standard workflow:
This captures benefits of both: structural clarity with organic life.
Timing is easier with pose to pose: You can adjust spacing before committing to in-betweens.
Squash/stretch benefits from straight ahead: The organic flow discovers natural deformation.
Arcs are cleaner with pose to pose: Planned paths prevent drift.
Secondary action often goes straight ahead: Spontaneous treatment keeps it subordinate and natural.
Pose to Pose scenarios:
Straight Ahead scenarios:
Pose to Pose scenarios:
Straight Ahead scenarios:
Modern engines often combine approaches:
When pose-to-pose animation feels lifeless, inject straight-ahead passes: small gestural additions, overshoots, settling noise. Structure provides clarity; spontaneity provides life.
Start pose to pose for anything requiring precise timing or specific poses. Switch to straight ahead for organic elements, effects, and secondary motion. Hybrid approach: plan the skeleton, improvise the flesh.