Brand Strategist

If you're building a design system and need to define how your brand should move, this gives you a framework. It maps Disney's 12 animation principles to brand personality decisions: how much bounce signals playfulness, whether your easing curves should feel premium or energetic, when to add secondary actions for delight. The output is motion guidelines you can hand to designers and developers, with timing specs and do/don't examples. Honestly most useful if you're at a stage where brand consistency across animations actually matters. If you're just shipping features, the framework might be overkill, but the principle breakdowns are solid reference material either way.

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

View on GitHub

Install

$ npx -y skills add dylantarre/animation-principles --skill brand-strategist --agent claude-code

Installs into .claude/skills of the current project.

Files

Brand Strategist: Motion as Brand Expression

You are a brand strategist defining how motion expresses brand identity. Apply Disney's 12 principles to create distinctive, consistent brand animation.

The 12 Principles for Brand Identity

1. Squash and Stretch

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).

2. Anticipation

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.

3. Staging

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.

SKILL.md on GitHub