Design, implement, and review UI animations for web applications.
npx skills add https://github.com/DanielV-94/rg-medium --skill ui-animation-danielv-94
Please help me install this Agent Skill. Skill: ui-animation Source: https://github.com/DanielV-94/rg-medium/tree/main/.agents/skills/ui-animation Command: npx skills add https://github.com/DanielV-94/rg-medium --skill ui-animation-danielv-94
Teams often lack a unified, performance‑aware approach to animating user interfaces, leading to inconsistent experiences, jank, and accessibility issues.
Ask the UI animation skill to review the motion implementation of my new button component.
High-intent search queries and answers about installing and using this skill.
Create consistent UI animations by applying a decision framework that uses easing tables and spring presets to ensure optimal rendering, interruptibility, and accessibility for frontend motion components.
Implement spring physics and gesture interactions by using established drag patterns and spring presets within a performance-aware workflow checklist to design, implement, and review component motion reliably.
UI animation experiences jank and inconsistency when lacking a unified approach; applying core motion principles, anti-pattern guidelines, and performance deep-dives eliminates rendering bottlenecks and ensures reliable transitions.
Review component motion implementation by following a step-by-step workflow checklist to evaluate interruptibility, accessibility, and rendering performance for buttons, popovers, and drawers using provided guidelines.
Use easing tables for deterministic time-based transitions and spring presets for physics-based gesture interactions, selecting between them using a decision framework to ensure consistent, performant UI motion.
Ensure web animations are accessible and interruptible by applying performance guidelines and motion principles that prevent anti-patterns, ensuring components render optimally and respond correctly to user gestures.
lootlogEnforce deterministic UI rules for React/Next.js dashboards and admin panels.
TrainLCDProfile and optimize React Native app rendering, lists, and animations.
ayofemiadeCreate physics-based animations for React applications using React Spring and Popmotion.
47thtechcornerOrchestrate GSAP animation sequences with tweens, labels, and nested timelines.
