generate_motion_snippet
Generates ready-to-paste anime.js v4 animation snippets for any motion category and design style, including CDN link, code, usage hint, and reduced-motion note.
Instructions
Generate a ready-to-paste anime.js v4 animation snippet for a given motion category and design style. Returns CDN link, code snippet, usage hint, and reduced-motion note. Categories: entrance, micro, stagger, scroll, loader, transition, counter, typewriter. All snippets include prefers-reduced-motion guards.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| style | Yes | Design system (e.g. glass, neo-brutalism, claymorphism, material, minimal, etc.). Adjusts easing and duration to match the system's motion character. | |
| category | Yes | Animation category: entrance=page load, micro=button/chip interactions, stagger=list/grid reveal, scroll=IntersectionObserver-triggered, loader=spinner, transition=page transitions, counter=number counters, typewriter=text reveal |