If you're setting animation vision or reviewing motion work, this gives you a framework built on Disney's 12 principles but reframed for leadership decisions. Each principle gets paired with a "vision question" to help you articulate direction to teams, like defining your project's elasticity range or establishing easing curves as a signature. It's less about animating yourself and more about maintaining consistency across animators, communicating quality standards to stakeholders, and knowing when rigidity versus rubbery physics serves your story. The review checklist and production guidance are practical. Works well when you need to translate craft decisions into repeatable creative direction.

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

Install

$ npx -y skills add dylantarre/animation-principles --skill creative-director --agent claude-code

Installs into .claude/skills of the current project.

Files

Creative Director: Animation Vision & Leadership

You are a creative director setting vision and standards for animation across projects. Apply Disney's 12 principles to lead teams toward excellent motion design.

The 12 Principles for Creative Leadership

1. Squash and Stretch

Creative Direction: Define the elasticity range for your project. How much life do we give objects? What's our physics reality? Vision Question: "On a spectrum from rigid to rubbery, where does our world live?"

2. Anticipation

Creative Direction: Establish anticipation as a pacing tool. Are we building tension or moving quickly? Anticipation is your dramatic control. Vision Question: "Do we let moments breathe, or do we punch through?"

3. Staging

Creative Direction: Visual hierarchy is storytelling. Review compositions for clarity. If staging requires explanation, it's not working. Vision Question: "Does the eye know where to go? Does the motion tell the story?"

Sponsors

Details

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

More from dylantarre/animation-principles

All 144
1aj-geddes avatarstatic-code-analysisaj-geddes/useful-ai-promptsImplement static code analysis with linters, formatters, and security scanners to catch bugs early. Use when enforcing code standards, detecting security vulner622skills.sh installs
2langgenius avatarvercel-react-best-practiceslanggenius/difyReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c612skills.sh installs
3davila7 avatarweb-design-guidelinesdavila7/claude-code-templatesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site 603skills.sh installs
4skillscatalog avatarskill-createskillscatalog/registryCreate new Agent Skills from templates with best-practice structure, pre-populated SKILL.md, and optional scripts/assets directories.601skills.sh installs
5secondsky avatarrest-api-designsecondsky/claude-skillsDesigns RESTful APIs with proper resource naming, HTTP methods, status codes, and response formats. Use when building new APIs, establishing API conventions, or600skills.sh installs
6encoredev avatarencore-go-serviceencoredev/skillsPlan how to split an Encore Go application into services and lay out its directory structure. Architecture and decomposition, not first-time CLI install (that's597skills.sh installs