Is accessibility included in the animation strategy?

Absolutely. The skill includes a 'Must Have' requirement to include reduced-motion alternatives in the project scope for every animation feature.

How does this skill help Product Managers?

It provides a framework to quantify the business value of animations, helping PMs prioritize motion tasks based on ROI, usability impact, and user retention metrics.

Can this skill help improve app performance perception?

Specifically, it utilizes principles like Timing and Slow In/Slow Out to improve perceived performance, making apps feel faster without requiring backend infrastructure changes.

Does it provide guidance on technical feasibility?

Yes, it evaluates development trade-offs such as 'Straight Ahead' vs 'Pose to Pose' animations to help PMs and engineering teams establish predictable timelines.

Animation Strategy for Product Managers

Name: Animation Strategy for Product Managers
Author: dylantarre

bydylantarre

0•

生产力与工作流

Empowers product managers to prioritize animation features and justify motion design through ROI, business metrics, and strategic roadmaps.

This skill provides a business-oriented framework for applying Disney's 12 Animation Principles to product development. It bridges the gap between design aesthetics and product strategy by mapping specific animation techniques to measurable outcomes like reduced support tickets, improved onboarding completion, and increased brand trust. Use this skill to evaluate engineering trade-offs, establish prioritization tiers (Must Have vs. Nice to Have), and ensure that motion design contributes directly to the product's bottom line while maintaining accessibility standards.

主要功能

01Guidelines for perceived performance gains through easing

02Accessibility-first scoping for reduced-motion requirements

030 GitHub stars

04Mapping of 12 Animation Principles to business KPIs

05ROI-based prioritization framework for UI animations

06Development efficiency trade-off analysis (Pose to Pose vs. Straight Ahead)

使用场景

01Building a motion roadmap that aligns with business objectives

02Defining spatial systems within a product's design system architecture

03Justifying animation resource allocation to stakeholders and developers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dylantarre/animation-principles 03-by-role-persona

For use in Claude.ai and ChatGPT

主要功能

01Guidelines for perceived performance gains through easing

02Accessibility-first scoping for reduced-motion requirements

030 GitHub stars

04Mapping of 12 Animation Principles to business KPIs

05ROI-based prioritization framework for UI animations

06Development efficiency trade-off analysis (Pose to Pose vs. Straight Ahead)

使用场景

01Building a motion roadmap that aligns with business objectives

02Defining spatial systems within a product's design system architecture

03Justifying animation resource allocation to stakeholders and developers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dylantarre/animation-principles 03-by-role-persona

For use in Claude.ai and ChatGPT