Audit and fix UI animations with consistent timing, easing, and reduced-motion handling.
npx skills add https://github.com/dawitlabs/ui-skills --skill animate-dawitlabs
Please help me install this Agent Skill. Skill: animate Source: https://github.com/dawitlabs/ui-skills/tree/main/skills/animate Command: npx skills add https://github.com/dawitlabs/ui-skills --skill animate-dawitlabs
UI animations often feel inconsistent, mechanically timed, or inaccessible because they don’t follow a shared motion system and may ignore user motion preferences.
prefers-reduced-motion is respected so users who opt out aren’t forced to watch animations.Run the animate skill to audit and fix animations across the app, then verify the results using Playwright hover screenshots and video recording.
High-intent search queries and answers about installing and using this skill.
Fix inconsistent UI animation by auditing interactive elements like buttons, modals, and dropdowns, then applying correct timing, easing, and safe transform and opacity techniques to establish a unified motion system.
Implement prefers-reduced-motion handling by enforcing motion preferences across all interactive elements, preventing accessibility regressions for users who opt out of animations.
UI animation repair works by detecting the project's animation approach, including Framer Motion, Motion One, or CSS and Tailwind, and applying matching patterns to maintain library-aware consistency.
Visually verify UI micro-interactions using Playwright to capture before and after screenshots and record videos, confirming the animation feels right without requiring manual browser checks.
Playwright animation audits require a Playwright-based visual verification environment to confirm results, meaning projects without this testing setup cannot utilize the visual verification loop to validate motion changes.
Codcyber101Automate local web app testing with Playwright in Python.
yahav123147Generate reusable UI animation patterns with easing and reduced-motion fallbacks.
gileckProvide iOS-inspired UI design guidelines for web and mobile interfaces.
AceCandyAdd purposeful motion to UI components with reduced-motion support.