From dylantarre-animation-principles
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
Something's off. Use this to find and fix it.
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.
Something's off. Use this to find and fix it.
Check:
Fix: Add 2-4 frames to settle. Increase spacing variation. Add impact squash.
Check:
Fix: Offset timing between body parts. Curve your motion paths. Vary anticipation amounts.
Check:
Fix: Simplify composition. Add anticipation frames. Extend key poses. Push silhouette.
Check:
Fix: Layer in secondary actions. Offset everything by 1-3 frames. Vary timing between actions.
Check:
Fix: Dial exaggeration to match reference. Adjust squash/stretch ratios. Match timing to style guide.
Check:
Fix: Often it's one broken arc or inconsistent spacing. Track paths obsessively.
Anticipation vs. Surprise: Big anticipation kills surprise. Choose intentionally.
Exaggeration vs. Subtlety: Can't have both. What does the scene need?
Follow through vs. Snappiness: Heavy follow through softens snappy timing. Balance.
Secondary vs. Primary: If secondary distracts, remove it regardless of quality.
If multiple principles are failing, fix timing and arcs first. Everything else depends on them.