Design and implement accessible UI animations for web and mobile features.
npx skills add https://github.com/luanzeba/dotfiles --skill animate-luanzeba
Please help me install this Agent Skill. Skill: animate Source: https://github.com/luanzeba/dotfiles/tree/main/skills/animate Command: npx skills add https://github.com/luanzeba/dotfiles --skill animate-luanzeba
Reviews a feature to add purposeful animations and micro-interactions that improve usability, feedback, and delight while respecting performance and accessibility constraints.
Propose a minimal, purposeful animation plan for the target feature to enhance clarity and delight.
High-intent search queries and answers about installing and using this skill.
To plan UI animations, identify motion opportunities like entrance, feedback, and transitions, then create a focused plan covering one signature moment, micro-interactions, and state transitions to enhance clarity and delight.
Micro-interactions are purposeful UI animations that improve usability and provide user feedback. You need them in frontend design when adding onboarding flows, form interactions, and feedback loops to enhance the overall user experience.
Yes, this motion design approach implements accessible animations that explicitly respect the prefers-reduced-motion setting, ensuring safe and effective motion for users with accessibility constraints across web and mobile interfaces.
You can implement UI animations within performance budgets by applying guardrails for safe, effective motion. The animation plan prioritizes purposeful micro-interactions and state transitions that respect performance constraints across platforms.
The best way to add motion to onboarding and forms is proposing a minimal, purposeful animation plan that targets feature-specific transitions and feedback loops, improving usability while maintaining accessibility and performance standards.
firefly-eventsAudit UI artifacts for accessibility and motion findings into a unified report.
guillermoscriptReview features and plan CSS and JavaScript animations with accessibility standards.
Ayub-KhanProvide structured frontend patterns for scalable, accessible user interfaces.
RelicWare-CoAnalyze UI and implement CSS transitions and JavaScript animations for micro-interactions.
