Animate

This turns natural language descriptions into playable browser animations using Vite, React, and Framer Motion. You describe what you want and it scaffolds a complete project with 3-7 scenes, picks transitions from a preset library (fadeBlur, morphExpand, splitHorizontal), and handles all the timing and sequencing. Everything sizes in vw units so it scales to any resolution. It can optionally call Gemini 3.1 Pro to generate scene breakdowns and copy if you have an API key, but works fine without it. Default stack is Framer Motion for marketing stuff, but it'll switch to p5.js or Three.js if you're doing generative art or 3D. Good for product demos, video intros, or animated presentations when you'd rather describe than keyframe.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 8
skills.sh installs: 413
GitHub stars: 422
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add onewave-ai/claude-skills --skill animate --agent claude-code

Installs into .claude/skills of the current project.

Files

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