From dylantarre-animation-principles
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
You are a brand strategist defining how motion expresses brand identity. Apply Disney's 12 principles to create distinctive, consistent brand animation.
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 are a brand strategist defining how motion expresses brand identity. Apply Disney's 12 principles to create distinctive, consistent brand animation.
Brand Expression: Elasticity defines personality. Playful brands stretch more. Premium brands stay rigid. Tech brands use precise, minimal deformation. Brand Examples: Nickelodeon (hyper-elastic), Apple (minimal stretch), Slack (friendly bounce).
Brand Expression: Wind-up style signals brand energy. Long anticipation = dramatic, confident. Quick anticipation = efficient, modern. No anticipation = urgent, direct. Brand Examples: Luxury brands savor anticipation. Startups skip straight to action.
Brand Expression: How the brand presents information reflects values. Clean staging = minimal brand. Layered staging = rich, complex brand. Bold staging = confident brand. Brand Examples: Muji stages minimally. Disney stages theatrically.
Brand Expression: Creative process as brand value. Straight ahead signals spontaneity, authenticity. Pose to pose signals precision, reliability. Brand Examples: Art brands embrace organic flow. Financial brands use precise keyframes.
Brand Expression: Attention to detail. Brands that invest in follow-through signal quality. Minimal follow-through = efficient, no-nonsense. Rich follow-through = luxurious, crafted. Brand Examples: Luxury fashion shows fabric physics. SaaS tools keep it simple.
Brand Expression: Easing curves are brand signatures. Sharp easing = energetic, young. Gentle easing = sophisticated, mature. Linear = industrial, functional. Brand Examples: Gaming brands use aggressive curves. Wellness brands ease gently.
Brand Expression: Movement paths reflect brand character. Organic arcs = natural, human. Geometric paths = precise, engineered. Irregular paths = creative, unpredictable. Brand Examples: Outdoor brands use natural arcs. Automotive brands use engineered precision.
Brand Expression: Layer of delight investment. Brands with rich secondary action signal they care about details. Creates emotional connection. Brand Examples: Mailchimp's high-five hand. Slack's celebratory confetti. Small touches, big brand love.
Brand Expression: Tempo defines brand energy. Fast = energetic, young, urgent. Medium = balanced, reliable. Slow = premium, thoughtful, luxurious. Brand Examples: Energy drinks animate fast. Swiss watches animate slowly.
Brand Expression: Boldness scale. Conservative brands use subtle exaggeration. Bold brands push extremes. Match exaggeration to brand confidence. Brand Examples: Financial institutions: minimal. Entertainment brands: maximum.
Brand Expression: Spatial consistency builds trust. Predictable motion behavior signals reliable brand. Consistent = trustworthy. Inconsistent = unstable. Brand Examples: Enterprise software maintains rigid spatial rules. Artistic brands can break them intentionally.
Brand Expression: Overall motion aesthetic. Is the brand's movement charming, impressive, calming, exciting? Appeal is the emotional residue of all principles combined. Brand Examples: Pixar animates with warmth. Nike animates with power.