Analyze frontend features and propose accessible UI animation plans.
npx skills add https://github.com/teegin-g/Slopcast --skill animate-teegin-g
Please help me install this Agent Skill. Skill: animate Source: https://github.com/teegin-g/Slopcast/tree/main/.cursor/skills/animate Command: npx skills add https://github.com/teegin-g/Slopcast --skill animate-teegin-g
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
Identify a feature and propose a focused set of purposeful animations and micro-interactions to improve clarity, feedback, and delight.
High-intent search queries and answers about installing and using this skill.
To plan UI animations without hurting usability, analyze a feature to identify motion opportunities and propose a cohesive strategy covering entrance, interaction, and transition patterns that improve clarity and feedback.
The best way to add micro-interactions to web and mobile interfaces is to assess a specific feature like a button or form, then propose a focused set of motion effects aligned with performance budgets to elevate the user experience.
Yes, this UI motion approach strictly requires adherence to prefers-reduced-motion and accessibility considerations, ensuring proposed animation guidelines remain practical and accessible without exceeding performance budgets.
Designing a motion strategy for buttons, forms, and navigation involves analyzing the feature to propose a plan with a hero moment, targeted feedback, and structured transitions that enhance user experience across web and mobile interfaces.
You should not use micro-interactions in frontend design when they fail to adhere to prefers-reduced-motion guidelines, ignore accessibility considerations, or exceed established performance budgets, as this degrades usability rather than enhancing it.
ZiadNagarDefine motion tokens, choreography patterns, and reduced-motion support for design systems.
stevengonsalvezPlan entrance, transition, and micro-interaction animations for frontend UI features.
WellApp-aiAlign UI decisions with design system tokens, Storybook stories, and codebase patterns.
ambush0421Redesign React components with improved visual hierarchy and interaction design.
