Skill

gaming-entertainment

Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media

Install

npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principles

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Apply Disney's 12 principles to create immersive, exciting experiences that maximize engagement and emotional impact.

SKILL.md

Similar Skills

design-system

Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.

team-skills-platform

167.4k

ui-demo

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.

team-skills-platform

167.4k

kotlin-patterns

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.

team-skills-platform

167.4k

Stats

Stars35

Forks6

Last CommitDec 30, 2025

Actions

View Source View Plugin View on GitHub View README

Gaming & Entertainment Animation Principles

Apply Disney's 12 principles to create immersive, exciting experiences that maximize engagement and emotional impact.

The 12 Principles Applied

1. Squash & Stretch

Button Presses: Satisfying squash on tap
Character Icons: Bounce and stretch for personality
Achievements: Badges stretch dramatically on unlock

2. Anticipation

Play Button: Wind-up before launch
Loot Boxes: Dramatic build-up before reveal
Level Start: Countdown with escalating energy

3. Staging

Hero Content: Full-bleed featured media
Now Playing: Center stage with ambient effects
Notifications: Attention-grabbing without blocking content

4. Straight Ahead & Pose to Pose

Gameplay: Fluid continuous animation (straight ahead)
Menu Navigation: Snappy defined states (pose to pose)
Cutscenes: Choreographed sequences

5. Follow Through & Overlapping Action

UI Elements: Staggered animation cascades
Victory Screens: Multiple overlapping celebrations
Menu Items: Sequential reveal with follow-through

6. Slow In & Slow Out

Epic Moments: Dramatic slow-motion effects
Menu Transitions: Quick but smooth
Loading Screens: Engaging animated loops

7. Arc

Particle Effects: Natural curved trajectories
Swipe Gestures: Smooth arcing card movements
Projectiles: Physics-based arc paths

8. Secondary Action

Background Animations: Ambient movement always present
Achievement Pop: Sparkles while badge animates
Score Update: Effects while numbers climb

9. Timing

Fast & Responsive: 100-200ms for game feel
Dramatic Moments: Slow to 500-800ms for impact
UI Feedback: Instant 50-100ms responses

10. Exaggeration

Go Big: Entertainment thrives on drama
Victories: Explosive celebrations
Power-ups: Oversized visual feedback

11. Solid Drawing

Art Direction: Consistent style across UI
3D Elements: Proper depth and perspective
Character Animation: Appealing poses and movements

12. Appeal

Maximum Personality: Every element has character
Emotional Range: From tension to triumph
Memorable Moments: Create shareable experiences

Industry Timing Standards

Action	Duration	Easing
Button Press	100ms	ease-out
Menu Transition	200ms	ease-out
Victory Animation	1000-2000ms	custom-bounce
Achievement Pop	500ms	spring
Card Flip	300ms	ease-in-out

Key Principle

Entertainment is about emotion. Use animation to amplify feelings - excitement, tension, triumph, and joy. Don't hold back when the moment calls for spectacle.