About product-manager
An animation strategy skill for product managers assessing animation investments through Disney's 12 principles. It connects design choices to business outcomes, suggests priorities and metrics, and calls for reduced-motion alternatives.
Key features
- 01Product analysis using Disney's 12 principles
- 02Animation value and priority guidance
- 03Business metric references
- 04Must Have / Should Have / Nice to Have tiers
- 05Reduced-motion alternative requirement
Use cases
- 01Prioritizing animation initiatives
- 02Assessing motion for onboarding flows
- 03Planning animation for complex dashboards
- 04Scoping motion for feature launches
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/product-managerin Claude Code to confirm it loaded.
Details
From the project READMEProduct 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.