From dylantarre-animation-principles
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
Masters don't just apply principles - they understand their origins in human perception and storytelling. This is animation as visual psychology.
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.
Masters don't just apply principles - they understand their origins in human perception and storytelling. This is animation as visual psychology.
The eye blurs motion. Stretch simulates motion blur our brains expect. Squash simulates impact compression we've observed since infancy. We're matching internal neural predictions.
Human brains constantly predict next moments. Anticipation feeds this system information, making action legible. Without it, perception lags behind action.
Humans have limited focal attention. Staging respects cognitive constraints. It's not artistic preference - it's information architecture for biological processors.
Pose-to-pose: Animation as acting - clear intentions, deliberate choices. Straight ahead: Animation as discovery - emergent behavior, organic evolution. Both philosophies are valid worldviews.
Objects with follow through feel like they exist in a world with rules. Rules create believability. Even cartoon physics must be internally consistent.
Almost nothing in nature moves at constant velocity. Ease reflects universal physics. It's not stylistic - it's the visual signature of mass and energy.
Pendulums, projectiles, limbs - rotation and gravity create curves. Arcs are motion's natural signature. Linear paths require explanation.
Humans assess situations through multiple channels simultaneously. Secondary action mimics this richness. Single-channel communication feels impoverished.
We feel time differently based on emotional state. Animation timing recreates these subjective time distortions. Fast isn't always fast - it's how fast feels.
Animation lacks the subconscious information of reality - smell, peripheral vision, lived context. Exaggeration compensates for this perceptual deficit.
We've touched things our whole lives. Solid drawing activates this tactile memory. Flat drawings exist only visually; solid drawings exist in imagined space.
We're wired to watch certain things: faces, movement, contrast, pattern. Appeal hijacks evolved attention systems. It's neuroaesthetics.
All 12 principles serve one master: believable change over time. They are observation and empathy codified. Animation is applied psychology drawn 24 times per second.
Animation masters don't think in principles anymore. They think in emotion, story, truth. The principles become unconscious, like grammar to a poet.