Motion React Microinteractions
SkillDev toolsImplement refined React and Motion for React microinteractions. Use for buttons, menus, nav, modals, tabs, cards, accordions, layout transitions, reveal wrappers, hover/tap states, mobile menus, and interactive UI that should feel premium without heavy GSAP timelines.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Motion React Microinteractions skill
What this skill tells your AI
The instructions your AI receives, as published by thegoat395/codex-skills in skills/motion-react-microinteractions/SKILL.md and read by ahel’s review.
For substantial web work, reuse the scoped web contract when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.
Overview
Make small interactions feel crafted. Microinteractions are state communication. They should be quiet, fast, and consistent.
Workflow
- Identify the requested component or architecture outcome, affected files and existing decisions; reuse established content and visual direction.
- Inspect the project before editing when code exists.
- Apply this skill's specific rules from
references/motion-react-microinteractions-guide.md. - Explain material implementation choices while continuing authorized work.
- Implement when requested, inspect affected output, fix observed defects, and run the smallest decisive relevant checks.
Reference
Read references/motion-react-microinteractions-guide.md when this skill triggers for a concrete website build, redesign, visual review, or implementation plan.
Ownership
Own interaction-state feedback and timing craft. Use motion-react-patterns for detailed Motion API/lifecycle work, motion-react-layout-transitions for shared layout, and motion-react-page-transitions for navigation. CSS-only feedback does not require Motion.
Signals
- GitHub stars
- 124
- Forks
- 48
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
motion-react-microinteractions- Source
- github.com/thegoat395/codex-skills