This is the React animation library you've probably already used in production, now packaged as a Claude skill. It covers the full Motion API: drag gestures, scroll-triggered reveals, layout animations with FLIP, spring physics, and exit transitions with AnimatePresence. The skill includes 35+ documented gotchas with solutions for real issues like Next.js App Router directives, Tailwind conflicts, and list performance. Three bundle options let you ship 2.3 KB for useAnimate only or the full 34 KB component library. If you're building anything with React that needs to move smoothly, this gives Claude the context to write animations that actually work instead of guessing at the API.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
77
skills.sh installs
785
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add jezweb/claude-skills --skill motion --agent claude-code

Installs into .claude/skills of the current project.

Files

This is the React animation library you've probably already used in production, now packaged as a Claude skill. It covers the full Motion API: drag gestures, scroll-triggered reveals, layout animations with FLIP, spring physics, and exit transitions with AnimatePresence. The skill includes 35+ documented gotchas with solutions for real issues like Next.js App Router directives, Tailwind conflicts, and list performance. Three bundle options let you ship 2.3 KB for useAnimate only or the full 34 KB component library. If you're building anything with React that needs to move smoothly, this gives Claude the context to write animations that actually work instead of guessing at the API.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/jezweb/claude-skills
Categories
Frontend Development, DevOps & CI/CD, Debugging, Java & JVM, Design & UI/UX, Game Development
First seen
May 16, 2026

More from jezweb/claude-skills

All 166
1alirezarezvani avatarlanding-page-generatoralirezarezvani/claude-skillsGenerates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ 777skills.sh installs
2adobe avatarappbuilder-testingadobe/skillsGenerate and run tests for Adobe App Builder actions and UI components. Scaffolds Jest unit tests, integration tests against deployed actions, contract tests fo766skills.sh installs
3kostja94 avatarcomparison-table-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit a comparison table section—an in-page block (HTML table or responsive equivalent) comparing products, methods,765skills.sh installs
4assistant-ui avatartool-uiassistant-ui/tool-uiFind, install, configure, and integrate Tool UI components in React apps using shadcn registry entries, compatibility checks, scaffolded runtime wiring, toolkit762skills.sh installs
5getstream avatarstream-buildergetstream/agent-skillsThe framework-agnostic Stream builder (Steps 0-7 scaffold + enhance + Video audit), being extended to support app kinds beyond web. Use ONLY when the user expli759skills.sh installs
6expo avatarweb-to-nativeexpo/skillsMigrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA Re757skills.sh installs