Plan and implement UI animations with prefers-reduced-motion support.
npx skills add https://github.com/raphaelmans/agent-skills --skill animate-raphaelmans
Please help me install this Agent Skill. Skill: animate Source: https://github.com/raphaelmans/agent-skills/tree/main/animate Command: npx skills add https://github.com/raphaelmans/agent-skills --skill animate-raphaelmans
Review and enhance a feature by adding purposeful animations, micro-interactions, and motion effects to improve usability and delight, while respecting performance budgets and accessibility guidelines.
Apply a purposeful animation plan to the target feature, including entrance, micro-interactions, and state transitions, while honoring prefers-reduced-motion.
High-intent search queries and answers about installing and using this skill.
Plan UI animations by identifying static areas where motion improves feedback, transitions, and guidance, then creating a focused animation strategy with a single signature animation and a plan for state transitions.
Implement micro-interactions by applying a purposeful animation plan covering entrance, feedback, and state transitions, while explicitly honoring prefers-reduced-motion settings and performance budgets.
The best way to add motion design is a phased implementation strategy covering entrance, micro-interactions, and transitions, ensuring purposeful animations enhance usability and delight across web and mobile interfaces.
Yes, this approach reviews and enhances existing features by adding purposeful animations, micro-interactions, and motion effects to improve usability and delight while respecting performance budgets and accessibility guidelines.
Avoid UI animation when it disrupts performance budgets, violates accessibility guidelines, or fails to provide purposeful feedback, transitions, or guidance for the user interface.
Yes, you can create a focused motion strategy for interactive flows by identifying static areas needing motion and planning a single signature animation alongside state transitions and micro-interactions.
FAeN399Design reusable HTML, CSS, and JavaScript UI components with BEM patterns.
rattamnoonPlan purposeful UI animations with accessibility and evaluation criteria.
supersterlingGuides frontend developers to implement polished, accessible UI components with defined constraints and a review checklist.
FldicoahkiinIdentify animation opportunities for UI components across web and mobile interfaces.
