Plan UI animations for entrances, micro-interactions, and transitions.
npx skills add https://github.com/Bloodrey41/dotfiles --skill animate-bloodrey41
Please help me install this Agent Skill. Skill: animate Source: https://github.com/Bloodrey41/dotfiles/tree/main/.claude/skills/animate Command: npx skills add https://github.com/Bloodrey41/dotfiles --skill animate-bloodrey41
This Skill guides teams to design and implement UI animations that improve usability and delight, reducing motion fatigue and ambiguity in interactions.
Provide the feature to animate and the target UI element, and I will generate a tailored animation plan.
High-intent search queries and answers about installing and using this skill.
To design UI animations that improve usability, coordinate motion design during feature reviews to plan entrances, micro-interactions, and transitions that provide clear user feedback. This ensures motion enhances interactions rather than causing ambiguity.
Micro-interactions are targeted UI animations that provide immediate user feedback during interactions. Use them during feature implementation to highlight state changes and delight moments, ensuring the motion adds functional value and clarity to the interface.
Make motion design accessible by respecting the prefers-reduced-motion setting and providing non-animated alternatives. This ensures UI animations do not cause motion fatigue and maintains a11y compliance for users who disable motion.
Plan UI animations within performance budgets by documenting constraints during the design phase. Coordinate motion design to ensure entrances and transitions respect these limits, preventing frontend performance degradation while maintaining user feedback.
Yes, you need frontend design context before planning UI animations. The Context Gathering Protocol via /frontend-design is mandatory preparation to ensure motion design aligns with existing frontend design systems and usability requirements.
HAR5HA-7663Plan feature UX and UI through a structured discovery interview.
heyparth1Review UI features and provide animation implementation guidance.
MaggieAppletonImplement microinteractions, motion design, and feedback patterns in UI.
RelicWare-CoAnalyze UI and implement CSS transitions and JavaScript animations for micro-interactions.
