motion-patterns
From the author
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Install
npx skills add mturac/everything-openai-codex --skill motion-patterns -a claude-code
Installs to .claude/skills/motion-patterns/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 80
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- animation-patternsvibeeval/vibecosystemFramer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for React.Media★ 540
- motion-uimturac/everything-openai-codexProduction-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.Design★ 83
- motion-advancedmturac/everything-openai-codexAdvanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.Engineering★ 83
- motion-foundationsmturac/everything-openai-codexMotion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this.Engineering★ 83
- motionsecondsky/claude-skillsMotion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or encountering bundle size, complex transitions, spring physics errors.Media★ 236
- react-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. Generates executable code patterns, validates security for public endpoints, and optimizes performance with React Compiler or manual memoization. Proactively use when building React 19 applications with Next.js App Router, implementing optimistic UI, or optimizing concurrent rendering.Engineering★ 362
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in