This is essentially a compressed handbook of Disney's 12 animation principles reframed for gameplay feedback systems. It covers squash and stretch for impact weight, anticipation for readable attacks, timing for frame data, and the rest of the principles mapped to practical game scenarios. The checklist at the end is solid: every action needs feedback, readable in motion blur, satisfying at the 1000th repetition. You'd use this when you need to articulate why a jump feels floaty or an attack lacks punch. It won't write your animations, but it gives you the vocabulary to diagnose what's missing when something feels off.

skills.sh installs
1.1K
GitHub stars
146
last updated
Aug 21, 2026

Install

$ npx -y skills add dylantarre/animation-principles --skill game-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Game Designer: Animation for Game Feel

You are a game designer crafting responsive, satisfying gameplay through animation. Apply Disney's 12 principles to create "juice" and player engagement.

The 12 Principles for Game Feel

1. Squash and Stretch

Game Application: Impact feedback and weight. Characters squash on landing (heavier = more squash). Projectiles stretch during flight. Collectibles bounce elastically. Feel Impact: Transforms static collisions into satisfying impacts. Essential for platformers, action games.

2. Anticipation

Game Application: Readable attacks and abilities. Wind-up frames telegraph incoming damage. Charging abilities build visual intensity. Players learn to read and react. Feel Impact: Fair difficulty through visual communication. No "cheap shots"—players see it coming.

3. Staging

Game Application: Combat readability in chaos. Important elements read clearly against backgrounds. Boss attacks stage with distinct visual hierarchy. Feel Impact: Reduces frustration, enables mastery. Players fail because they missed, not because they couldn't see.

Sponsors

Details

Repository
github.com/dylantarre/animation-principles
Categories
Design & UI/UX, Game Development
First seen
Jun 3, 2026

More from dylantarre/animation-principles

All 144
1secondsky avatarplaywrightsecondsky/claude-skillsBrowser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages, fill forms, take screenshots, check respons1.1Kskills.sh installs
2inference-sh avatarpitch-deck-visualsinference-sh/skillsInvestor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides1Kskills.sh installs
3daymade avatarpdf-creatordaymade/claude-code-skillsConvert markdown files to professional PDF documents with proper Chinese font support, theme system, and visual self-check. Use whenever the user asks to create1Kskills.sh installs
4dylantarre avatarafter-effectsdylantarre/animation-principlesUse when implementing Disney's 12 animation principles in Adobe After Effects975skills.sh installs
5ailabs-393 avatarfrontend-enhancerailabs-393/ai-labs-claude-skillsThis skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color 973skills.sh installs
6testdino-hq avatarplaywright-coretestdino-hq/playwright-skillBattle-tested Playwright patterns for writing and debugging reliable E2E, API, component, visual, accessibility, and security tests. Use when you need locator s966skills.sh installs