Summary
This gives you ready-made animation patterns so you don't have to reinvent hover effects and transitions every time. It covers the usual suspects: entrance animations, loading states, gesture feedback, plus Tailwind and Framer Motion examples you can copy. The best practices section is solid, recommending 200-300ms for micro-interactions and respecting prefers-reduced-motion. Honestly, this is the kind of reference you want bookmarked when a designer asks for "something that feels more alive" and you need to ship something polished in an hour instead of bikeshedding easing curves.
Install to Claude Code
npx -y skills add patricio0312rev/skills --skill animation-micro-interaction-pack --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
