Develop motion strategies for UI features with accessibility and performance guardrails.
npx skills add https://github.com/adperem/adperem.github.io --skill animate-adperem
Please help me install this Agent Skill. Skill: animate Source: https://github.com/adperem/adperem.github.io/tree/main/.agents/skills/animate Command: npx skills add https://github.com/adperem/adperem.github.io --skill animate-adperem
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
Describe a starter motion plan for a primary action button, including a subtle hover state and a click feedback animation that respects reduced-motion preferences.
High-intent search queries and answers about installing and using this skill.
Accessible animations require respecting reduced-motion preferences by providing non-animated alternatives. Implement motion strategies that communicate state changes clearly while offering fallbacks for users who prefer reduced motion.
Planning a motion strategy requires gathering context, defining performance budgets, and establishing guardrails for accessibility. This end-to-end plan ensures animations improve understanding without degrading user experience.
Micro-interactions like hover effects and click feedback should communicate state changes clearly. Design them with accessibility guardrails that offer non-animated alternatives for users who prefer reduced motion.
The best way to plan entrance animations is establishing a performance budget within your motion strategy. This ensures animations enhance clarity and feedback without exceeding performance constraints or accessibility guardrails.
Your UI motion strategy needs non-animated alternatives to meet accessibility requirements for reduced motion. Providing clear guidance and fallbacks ensures state transitions remain usable for all users.
ydnikolaevExtract project information through structured stakeholder interviews into a discovery brief.
1IssaMohamedAdd purposeful UI animations to web and mobile interfaces.
tara-shoposGenerate extreme close-up macro photography prompts for product details.
Saifeldin2401Translate subjective motion descriptions into precise technical animation terminology.
