Attention Management

When users keep missing your CTA or staring at decorative animations instead of the content that matters, this walks you through fixing visual hierarchy with motion. It's built around Disney animation principles, which sounds fancy but really just means one thing moves at a time, important stuff animates faster and bigger, and background elements stay calm. The troubleshooting checklist is solid, asking whether you have more than two things animating simultaneously (you shouldn't) and whether your hierarchy works even without motion. Includes a staggered timing pattern and a priority table mapping animation styles to content importance. Good for catching those moments when your beautifully animated background is accidentally more interesting than your signup button.

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

View on GitHub

Install

$ npx -y skills add dylantarre/animation-principles --skill attention-management --agent claude-code

Installs into .claude/skills of the current project.

Files

Attention Management

Direct user focus correctly using Disney's principles.

Problem Indicators

Users miss important content
Decorative elements steal focus
CTAs don't stand out
Users look at wrong things first
Information hierarchy is unclear

Diagnosis by Principle

Staging

Issue: Multiple elements compete for attention Fix: One thing moves at a time. Animate the most important element; keep others still.

Timing

Issue: Everything animates at same speed Fix: Primary content: faster animation. Secondary: slower or delayed. Speed implies importance.

Exaggeration

Issue: Uniform motion across hierarchy Fix: Important elements get more dramatic animation. Background elements get subtle motion.

Anticipation

Issue: No buildup directs eyes Fix: Use anticipation to guide attention. A small movement can draw eyes before the main action.

Appeal

Issue: Wrong elements are visually interesting Fix: Make important elements the most visually appealing. Animation should enhance hierarchy, not fight it.