SKILL18Motion
Craft Premium Motion
Directs and engineers a coherent motion system from product intent through technology routing, implementation, and experiential verification.
Primary benefit
Creates purposeful, distinctive motion that remains responsive, inclusive, performant, and maintainable.When to use
Use when designing, implementing, refining, or auditing premium web motion systems, including microinteractions, transitions, scroll choreography, reveals, kinetic typography, smooth scrolling, SVG, canvas, WebGL, 3D, loaders, ambient effects, and animation performance. Applies to React, Next.js, Vue, Svelte, and vanilla projects needing coherent motion, reference-inspired movement, motion tokens, or fixes for janky, excessive, or inaccessible animation.
When not to use
Do not use for a single isolated transition with no wider motion decisions, or for motion that blocks content, navigation, or task completion.
Use cases
Define a coherent motion language for a product
Refine an existing interface with accessible, performant animation
Example prompts
Use craft-premium-motion to define and implement the motion direction for this web experience.Install this skill
Choose the command for your operating system and run it from the repository root.
Bash
./install.sh --skill craft-premium-motionPowerShell
./install.ps1 --skill craft-premium-motionChatGPT
Download Skill ZIPCompatibility
- Surfaces
- ChatGPT · Codex · Claude Code
- Operating systems
- Linux · macOS · Windows
- Install modes
- PluginFilesystem
Dependencies
No external dependencies
Part of systems
Curated systems that canonically include this method.
Used in evidence
Reports that explicitly list this method among the applied methods.