skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
dylantarre/animation-principles428 installs

product-manager

Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.

How do I install this agent skill?

npx skills add https://github.com/dylantarre/animation-principles --skill product-manager
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    This skill is a pure documentation resource for product managers regarding animation principles. It contains no executable code, network connections, or security risks.

  • Socketpass

    No alerts

  • Snykpass

    Risk: LOW · No issues

  • Runlayerwarn

    1/1 file flagged

  • ZeroLeakspass

    Score: 93/100 · 2 sections analyzed

What does this agent skill do?

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.

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/dylantarre/animation-principles/product-manager">View product-manager on skillZs</a>