
Creative Director
- 384 installs
- 68 repo stars
- Updated December 30, 2025
- dylantarre/animation-principles
creative-director is an animation-principles agent skill that applies Disney's 12 animation principles to define motion vision and quality standards for developers and designers building animated interfaces.
About
creative-director is a dylantarre/animation-principles role skill for setting animation vision before implementation begins. The SKILL.md walks all 12 Disney principles—squash and stretch, anticipation, staging, follow-through, easing, arcs, secondary action, timing, exaggeration, solid drawing, and appeal—with creative-direction prompts and vision questions for each. It covers leadership responsibilities including motion mood boards, review checkpoints, do/don't reference guides, team guidance, and stakeholder communication that defends craft time. A four-item review checklist asks whether motion matches the established language, serves user needs, meets craft standards, and merits the director's name. Developers and design leads reach for creative-director when motion feels inconsistent across screens, before picking GSAP, Framer Motion, Rive, or Lottie implementations, or when a product needs a shared motion spec engineers can follow.
- Establishes brand-aligned motion pillars and tone
- Defines hierarchy for hero, feedback, and ambient motion
- Creates timing and easing scales shared across teams
- Documents do-and-don't rules for designers and engineers
- Connects motion choices to product story and user emotion
Creative Director by the numbers
- 384 all-time installs (skills.sh)
- Ranked #698 of 1,880 Design & UI/UX skills by installs in the Skillselion catalog
- Data as of Aug 3, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dylantarre/animation-principles --skill creative-directorAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 384 |
|---|---|
| repo stars | ★ 68 |
| Last updated | December 30, 2025 |
| Repository | dylantarre/animation-principles ↗ |
How do you define a product motion language?
Define a coherent motion language—timing, hierarchy, brand feel, and scene rules—before engineers pick libraries or designers finalize high-fidelity prototypes.
Who is it for?
Design leads and frontend engineers aligning animation standards before library selection or prototype polish on SaaS, mobile, or game UI.
Skip if: Teams needing pixel-perfect component code or one-off CSS snippets—creative-director sets vision, not implementation patches.
When should I use this skill?
User asks for animation vision, motion language, creative direction, or consistency across motion design before engineering starts.
What you get
Motion mood boards, principle-based vision questions, quality thresholds, review checkpoints, and do/don't motion guides.
- motion language spec
- review checkpoints
- do/don't motion guides
By the numbers
- covers all 12 Disney animation principles
- includes a 4-item animation review checklist
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?"
4. Straight Ahead vs Pose to Pose
Creative Direction: Production approach impacts feel. Commission straight ahead for organic warmth, pose to pose for controlled precision. Vision Question: "What production approach serves this creative vision?"
5. Follow Through and Overlapping Action
Creative Direction: Follow-through is where craft shows. This is the layer that separates amateur from professional. Invest here. Vision Question: "Have we earned the details? Does the craft match the ambition?"
6. Slow In and Slow Out
Creative Direction: Easing is the signature. Define your curves and protect them. Inconsistent easing breaks the world. Vision Question: "What does our motion feel like? Do we have a recognizable rhythm?"
7. Arc
Creative Direction: Movement paths define spatial philosophy. Organic worlds arc. Mechanical worlds line. Establish the rule, then break it intentionally. Vision Question: "What kind of space are we creating? How do things move through it?"
8. Secondary Action
Creative Direction: The delight layer. This is where personality lives. Allocate time for secondary action—it's not polish, it's character. Vision Question: "What small moments will make people love this?"
9. Timing
Creative Direction: Timing is tone. Fast and snappy vs slow and weighty. Establish timing frameworks early—retrofitting timing is expensive. Vision Question: "What's the tempo of this experience?"
10. Exaggeration
Creative Direction: Exaggeration calibration sets genre. Too little = boring. Too much = cartoon. Find your specific sweet spot. Vision Question: "How stylized is our reality? Where's our line?"
11. Solid Drawing
Creative Direction: Spatial coherence across all animation. Different animators must produce consistent spatial logic. Define the rules. Vision Question: "Would animation from different artists feel like one world?"
12. Appeal
Creative Direction: The sum of all principles. Appeal is the emotional response to everything working together. This is what you're ultimately responsible for. Vision Question: "Do people want to keep watching? Does it feel like us?"
Leadership Responsibilities
Vision Setting
- Create motion mood boards and reference libraries
- Define the "feel" in communicable terms
- Make early animation tests before full production
Quality Standards
- Establish review checkpoints
- Create do/don't reference guides
- Define minimum quality thresholds
Team Guidance
- Protect animator creative ownership within bounds
- Balance consistency with individual expression
- Know when to push and when to accept
Stakeholder Communication
- Translate animation quality to business value
- Defend craft time in production schedules
- Present work in context of vision
Review Checklist
- Does it match the established motion language?
- Does it serve the story/user need?
- Is the craft level consistent with project standards?
- Would I put my name on this?
Related skills
How it compares
Pick creative-director to set motion vision and standards; use implementation-focused animation skills when you already need library-specific code patterns.
FAQ
What framework does creative-director use?
creative-director applies Disney's 12 animation principles—squash and stretch through appeal—to product motion. Each principle includes creative-direction guidance and a vision question teams can use in reviews.
When should teams invoke creative-director?
creative-director fits before engineers pick animation libraries or designers lock high-fidelity prototypes. Use it when motion feels inconsistent, lacks a shared rhythm, or needs stakeholder-ready quality standards.