Loading...
Loading...
Domain navigator for motion, animation, 3D, and generative media skills. Routes to the right skill for GSAP, Framer Motion, Three.js, Lottie, shaders, generative art, video, and AI media generation.
npx skill4agent add podo/design-agent-skills motion-cataloguedesign-catalogue| Skill | Best for |
|---|---|
| Official GSAP: 8 skills — core, timeline, ScrollTrigger, Flip, Draggable, SplitText |
| 6 Framer Motion skills: core, Next.js, variants, scroll, gestures, layout |
| Official LottieFiles: timing, easing, choreography, Disney 12 principles |
| Emil-inspired Next.js/React patterns: hover, toast, text reveal, modals |
| Animate.css v4 + scroll triggers + RTL + prefers-reduced-motion |
| Scrapes live app design language → standalone animation file |
| Animates SVG logos → Lottie JSON → GIF + MP4 |
| Animation decision framework, easing curves, interaction principles |
| 22-skill bundle: Three.js, GSAP, R3F, Framer, Babylon, A-Frame, PixiJS, Rive, Lottie |
| "Write HTML → render video": GSAP/CSS/Lottie/Three.js + TTS (HeyGen) |
| Skill | Best for |
|---|---|
| Generative art with p5.js, flow fields, particle systems |
| p5.js creative coding: noise, particles, GLSL, audio-reactive |
| Programmatic video with React |
| Skill | Best for |
|---|---|
| GLSL shaders: ray marching, fluid simulation, WebGL effects |
| Three.js 3D scenes, animations, WebGL |
| Three.js TSL, node materials, GPU compute, WGSL — r183+ |
| Three.js + Entity Component Systems + TypeScript |
| 24 skills: WebGL, WebGPU, R3F, physics, IFC/BIM architecture |
| fal.ai image/video and 3D model generation |
| 41 workflows: Midjourney v7, Flux Kontext, Kling 3.0, Veo3, Suno audio |