·motion-animation-patterns
*

motion-animation-patterns

yonatangross/orchestkit

Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders, and RTL-aware animation patterns.

31Installs·0Trend·@yonatangross

Installation

$npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns

SKILL.md

This skill provides comprehensive guidance for implementing Motion (Framer Motion) animations in React 19 applications. It ensures consistent, performant, and accessible animations across the UI using centralized animation presets.

All animations MUST use the centralized animations.ts presets. This ensures:

| Preset | Duration | Ease | Use For |

Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders, and RTL-aware animation patterns. Source: yonatangross/orchestkit.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is motion-animation-patterns?

Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders, and RTL-aware animation patterns. Source: yonatangross/orchestkit.

How do I install motion-animation-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/yonatangross/orchestkit