Agent skill · creative production · onewave-ai
animate
Generate animated videos and motion graphics from natural language descriptions. Creates a standalone Vite + React project with Framer Motion scenes that auto-play in the browser. Use when the user wants to create animations, motion graphics, video intros, animated presentations, or product demos.
Why this skill is useful
Adds a complete automation script for generating animated video projects with specific frameworks and scene patterns that the AI cannot generate on its own.
What it needs
Requires framer-motion, react, vite installed locally. Requires gemini account access. About 3k tokens when loaded. Last updated 2026-07-15. 242 stars on the source repository.
What this skill does
Animation Generator Create animated videos and motion graphics from a natural language description. Outputs a standalone Vite + React + Framer Motion project that plays in the browser. Workflow Step 1: Parse the Request Break the user's description into a scene plan: 3-7 scenes, each 3-5 seconds long Identify the story arc: hero/intro, problem, solution, features, CTA/outro Pick a color palette and typography that fits the brand/mood Use $ARGUMENTS for the user's animation description Step 2: Choose the Animation Stack Auto-detect the best approach based on the request: Request Type Stack When to Use --- --- --- Product intro, presentation, marketing Framer Motion (default) Scene-based with text, icons, transitions Generative art, particles, patterns p5.js Creative/algorithmic visuals 3D objects, environments, product renders Three.js + react-three-fiber 3D scenes needed Simple text/logo animation CSS animations only Minimal, no heavy deps Default to Framer Motion unless the request clearly needs something else. Step 3: Scaffold the Project 1. Create a directory: ~/animations/[project-name]/ 2. Run the scaffold script: bash ~/.claude/skills/animate/scripts/scaffold.sh [project-name] [stack] 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onewave-ai/animate