Creates accessibility-conscious animation and micro-interaction plans for web interfaces.
npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill animate-har5ha-7663
Please help me install this Agent Skill. Skill: animate Source: https://github.com/HAR5HA-7663/Claude-Skills/tree/main/animate Command: npx skills add https://github.com/HAR5HA-7663/Claude-Skills --skill animate-har5ha-7663
Motion clarifies interactions, provides feedback, and makes interfaces feel responsive by guiding attention and reducing ambiguity.
Propose a focused animation plan for the next feature: state transitions, feedback, and entrance details, with accessibility considerations.
High-intent search queries and answers about installing and using this skill.
To add UI motion safely, use a structured plan that prescribes specific durations, CSS/JS techniques, and performance budgets for entrances, micro-interactions, and state transitions within web interfaces.
Plan animations for state transitions by analyzing the feature and mapping motion across entrances, micro-interactions, navigation, and guidance to provide feedback, improve understanding, and create delight.
Make micro-interactions respect prefers-reduced-motion by applying accessibility-conscious guardrails within your animation plan, ensuring motion adapts or disables for users with vestibular disorders.
Yes, you can use framework-agnostic CSS and JS techniques for UI motion design, as the guidelines prescribe specific practical implementations with safety guardrails rather than relying on proprietary components.
You should avoid UI motion when it fails to clarify interactions or provide feedback, or when adding animations would violate established performance budgets and prefers-reduced-motion accessibility constraints.
ZiadNagarDefine motion tokens, choreography patterns, and reduced-motion support for design systems.
daffy0208Implement motion design improvements for React web applications using Framer Motion, CSS, Tailwind, and GSAP.
SufficientDaikonSpecify UX interaction patterns, UI state machines, and accessibility requirements.
ThejanaJayalathStandardize UI motion patterns and animation logic for React and Next.js applications.
