This translates Disney's 12 animation principles into strict guidelines for enterprise software where every millisecond needs to justify itself through utility. You get specific timing standards (100ms for button feedback, 250ms for modals), clear rules on what to avoid (squash and stretch is almost never appropriate, exaggeration should be skipped entirely), and a focus on motion that builds credibility rather than delight. The core insight is solid: enterprise users are working, not playing, so animations exist only for feedback, orientation, and state changes. If you're building B2B dashboards or admin panels and want to add polish without looking unprofessional, the concrete timing tables and principle-by-principle breakdowns give you guard rails.

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

Install

$ npx -y skills add dylantarre/animation-principles --skill enterprise-b2b --agent claude-code

Installs into .claude/skills of the current project.

Files

Enterprise & B2B Animation Principles

Apply Disney's 12 principles to create trustworthy, efficient experiences that prioritize clarity and professional credibility.

The 12 Principles Applied

1. Squash & Stretch

  • Almost Never: Enterprise requires utmost professionalism
  • Data Points: Subtle pulse for live updates
  • Buttons: Minimal, if any, deformation

2. Anticipation

  • Form Submissions: Brief processing indication
  • Data Actions: Moment before confirmation
  • Navigation Changes: Subtle preparation cues

3. Staging

  • Data Tables: Primary content focus
  • Action Buttons: Clear but not flashy
  • Notifications: Non-disruptive placement

4. Straight Ahead & Pose to Pose

  • Dashboards: Real-time data streams (straight ahead)
  • Wizards/Flows: Explicit step progression (pose to pose)
  • Report Generation: Sequential build

5. Follow Through & Overlapping Action

  • Table Updates: Row highlights, then data refreshes
  • Panel Expansions: Container opens, content follows
  • Filter Applications: UI adjusts, then data loads

Sponsors

Details

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

More from dylantarre/animation-principles

All 144
1sickn33 avataremail-sequencesickn33/antigravity-awesome-skillsemail sequence557skills.sh installs
2manutej avatarci-cd-pipeline-patternsmanutej/luxor-claude-marketplaceComprehensive CI/CD pipeline patterns skill covering GitHub Actions, workflows, automation, testing, deployment strategies, and release management for modern so538skills.sh installs
3forcedotcom avatarfetching-salesforce-docsforcedotcom/afv-libraryfetching salesforce docs537skills.sh installs
4wanshuiyin avatarresearch-refine-pipelinewanshuiyin/auto-claude-code-research-in-sleepRun an end-to-end workflow that chains `research-refine` and `experiment-plan`. Use when the user wants a one-shot pipeline from vague research direction to foc533skills.sh installs
5humanizerai avatarfollow-uphumanizerai/agent-skillsWrite follow-up emails that re-engage without being annoying. Uses proven psychology for follow-up sequences. 42% of replies come from follow-ups.516skills.sh installs
6sickn33 avatarmachine-learning-ops-ml-pipelinesickn33/antigravity-awesome-skillsmachine learning ops ml pipeline508skills.sh installs