motion-design
OfficialPolished UI motion for React apps.
AuthorExpanly
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers add refined, performant motion to React interfaces, reducing UI jitter and improving perceived usability.
Core Features & Use Cases
- Tailwind-friendly transitions: create smooth hover, focus, and state changes using utility classes with minimal code.
- Framer Motion orchestration: optional integration for complex entrance/exit animations and gestures.
- Performance-first: prioritizes transform and opacity, respects avoids-reduced-motion, and minimizes layout thrashing.
Quick Start
Set up a simple React component with a button hover effect using Tailwind transitions; optionally enhance with Framer Motion for entrance animations.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: motion-design Download link: https://github.com/Expanly/expanly-claude-code-agents/archive/main.zip#motion-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.