AnimLang

Create animations with your coding agent. Describe what you want, inspect the frames, and export an MP4.

Supports GSAP, Three.js, Vanta, and Manim through your existing agent harness.

Install

Just copy the git URL into your harness.

Ask your agent:

Install animlang from https://github.com/komikndr/animlang, install its dependencies, and add the animlang skill to my harness.

Restart your harness after it installs the skill. Then describe the animation you want.

npm setup

Animlang is available on npm. Install the project skill with:

npx animlang@latest setup . --harness opencode

Use --harness claude or --harness agents for other skill directories. Restart your harness after installation. The skill gives your agent the scene workflow. The CLI creates projects, captures frames, and exports video.

Video examples

GSAP

qwen-architecture.mp4

Prompt: "Animate the Qwen 3.8 Flash Next architecture. Zoom into the embedding, GDN, QSA, LM head, and MTP layers, and show matrix operations."

Three.js

qkv-cyberpunk.mp4

Prompt: "Show Q, K, and V projections matmul in 3D with a futuristic cyberpunk style."

Manim

manim-qkv-stack.mp4

Prompt: "Animate matrix multiplication, then combine the results into a 3D stack in a 3Blue1Brown-inspired style."

Scene sources are in examples/.

Manual setup

Requires Node.js 22.12+, FFmpeg, and ffprobe. Manim also requires Python and Manim Community.

From the checkout:

npm install
npx playwright install chromium
node src/cli.js setup /path/to/your/project --harness opencode
node src/cli.js doctor

Use --harness claude or --harness agents for other skill directories.

CLI

node src/cli.js init demo --template gsap
npm install --prefix demo
node src/cli.js inspect demo --at 0,2,6
node src/cli.js render demo --output demo/output/demo.mp4

Templates: gsap, three, vanta, and manim. The agent skill contains the scene workflow and rendering instructions.

Browser capture uses Chromium's sandbox and restricts local assets and network requests. See capture security for shared asset flags, resource limits, and native-code execution boundaries.

Development

npm run check
npm test
npm run test:integration