Creates AR/VR prototypes and demos with interactive 3D graphics.
npx skills add https://github.com/Aurora-AI/Certum- --skill motion-dev-expert
Please help me install this Agent Skill. Skill: motion-dev-expert Source: https://github.com/Aurora-AI/Certum-/tree/main/.agent/skills/motion-dev-expert Command: npx skills add https://github.com/Aurora-AI/Certum- --skill motion-dev-expert
## What problem does it solve? This skill enables building rich, declarative animations and gesture-driven UI in React, bridging design and implementation so interactions feel intentional and polished.
## Core Features & Use Cases
### Quick Start Install the motion library in your project. Replace HTML tags with motion.* components, define simple variants, and apply initial and animate. Add basic gestures like whileHover and whileDrag to enable interactions. Ensure accessibility considerations (prefers-reduced-motion) and monitor performance for large trees.
High-intent search queries and answers about installing and using this skill.
Create React animations by replacing HTML tags with motion components, defining variants, and applying gesture handlers like whileHover, whileDrag, and whileTap for interactive UI.
Yes, shared element transitions and layout animations are built using the layout and layoutId props on motion components to automatically animate element position changes.
Implement scroll-based parallax effects using the useScroll and useTransform utilities to map scroll progress to declarative animation values for your components.
Define declarative micro-interactions by creating variants objects that specify animation states, then passing them to the animate prop on your motion components for orchestrated transitions.
Yes, accessibility is supported by respecting prefers-reduced-motion settings and monitoring performance to ensure animations do not negatively impact large component trees.
Declarative animations bridge design and implementation by using the animate prop and variants, making interactions feel intentional and polished without manual timeline management.
mikemylAutomate React UI component tests with Vitest Browser Mode and DOM Testing Library.
del-zhenwuDesign web animations with easing, timing, and reduced motion support.
yahav123147Review and refactor React components using Framer Motion APIs for performance and correctness.
Hamza123545Implement animations in React applications using motion components, variants, and gestures.
