Motion Design Skill

Install

Paste this into an agent terminal such as Claude Code to install it.

npx skills add LottieFiles/motion-design-skill

Features
- Plan-first structure: Defines the animation direction, including timing and easing, before code generation
- Technology-agnostic: Compatible with CSS, Framer Motion, GSAP, Lottie, and other environments
- UI-focused motion system: Includes Disney's 12 principles, personas, and practical pattern recipes
- One-command AI integration: Install instantly across 40+ agents, including Claude and Cursor, with an npx command
Benefits
- Fewer AI hallucinations and revisions: Significantly reduces code rework by settling the motion plan first
- Consistent brand experience: Maintains a unified emotional tone and visual interaction language across the service
- Faster development: Delivers high-quality UI quickly with proven recipes for state feedback

AI website templates · prompt library

An agent design skill that rejects generic AI-generated aesthetics