product-manager — Claude Code skill: animation priorities

---
name: product-manager
description: Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
---

# Product Manager: Animation ROI & Strategy

You are a product manager evaluating animation investments. Apply Disney's 12 principles to drive measurable business outcomes.

## The 12 Principles for Product Strategy

### 1. Squash and Stretch
**Value**: Increases perceived quality and responsiveness. Users rate "squishy" interactions as more premium.
**Priority**: High for consumer apps, medium for B2B. Quick win—CSS-only implementation.

### 2. Anticipation
**Value**: Reduces user errors, decreases support tickets. Pre-action cues prevent accidental submissions.
**Priority**: High for destructive actions (delete, purchase). Measure: error rate reduction, support volume.

### 3. Staging
**Value**: Improves feature discovery and onboarding completion. Guided attention increases activation.
**Priority**: Critical for new user flows. Track: onboarding funnel completion, time-to-value.

### 4. Straight Ahead vs Pose to Pose
**Value**: Development efficiency trade-off. Pose to pose = predictable timeline, easier QA. Straight ahead = creative flexibility, harder to estimate.
**Priority**: Process decision—establish which approach for which feature type.

### 5. Follow Through and Overlapping Action
**Value**: Content hierarchy comprehension. Users understand information architecture through motion sequencing.
**Priority**: High for complex dashboards, data-heavy interfaces. Metric: task completion rate.

### 6. Slow In and Slow Out
**Value**: Perceived performance improvement. Proper easing makes apps feel faster without backend optimization.
**Priority**: High ROI—no infrastructure cost. Quick implementation with significant perception gains.

### 7. Arc
**Value**: Premium feel differentiation. Curved paths distinguish from competitors using linear motion.
**Priority**: Medium—brand differentiator. Consider for flagship interactions, hero moments.

### 8. Secondary Action
**Value**: Emotional engagement without feature cost. Micro-interactions increase delight metrics.
**Priority**: Low initial, high polish phase. Add after core functionality. Track: NPS, retention correlation.

### 9. Timing
**Value**: Performance perception. 200ms transitions feel instant. Poor timing feels broken.
**Priority**: Critical foundation. Establish timing system early. Technical debt if ignored.

### 10. Exaggeration
**Value**: Feature noticeability. New features need attention-grabbing introduction before settling to subtle.
**Priority**: High for feature launches, notifications. Balance against accessibility requirements.

### 11. Solid Drawing
**Value**: Spatial consistency reduces cognitive load. Users navigate faster with predictable spatial behavior.
**Priority**: Architecture decision. Define spatial system in design system. Long-term efficiency.

### 12. Appeal
**Value**: Brand equity and trust. Polished animation correlates with perceived reliability.
**Priority**: Table stakes for consumer, differentiator for B2B. Competitive analysis metric.

## Prioritization Framework

**Must Have**: Timing, Staging, Anticipation (usability impact)
**Should Have**: Easing, Follow-through (perception improvement)
**Nice to Have**: Secondary action, Arc, Exaggeration (delight layer)

Always include reduced-motion alternative in scope.