Skip to content
Search

Claude-animation-skills

lastmod 2026-11-13created 2026-11-131 edits

Six Claude Code skills for making Reels animations without filming

About

  • A set of skills for making vertical Reels animations (1080×1920, 30fps) in Claude Code without shooting any video. Claude writes the spec, renders it on your own computer, and checks that it fits Instagram's safe zones
  • Six skills
    • /zach-d-films: 3D cartoon "what if" explainer videos built with three.js
    • /stick-figure: Stick-figure explainer Reels
    • /minimalistic-graphics: Black-and-white line art
    • /map-route: 3D map videos with a route being drawn
    • /breakdown: 3D exploded views with a label on each part
    • /graph: Minimal line graphs with numbers counting up alongside
  • Typing something like /map-route home to gym 2.8km produces a 3D map video with the route being drawn, along with a preview sheet marking Instagram's safe zones
  • The four fast skills (graph, minimalistic-graphics, map-route, breakdown) work from a small JSON spec and render in about 10 seconds for 2D and about 1 minute 30 seconds for 3D. /stick-figure and /zach-d-films are session-based engines that also align the script, narration, and subtitle timing
  • The fast skills render with HyperFrames; 3D uses Three.js, 2D animation uses GSAP, and the engine's headless Chrome uses Playwright. Narration (Kokoro) and word timing (NVIDIA Parakeet via sherpa-onnx) run locally, so no API key is needed
  • Clone the repository and run ./install.sh to link the skills into ~/.claude/skills/. Can also be installed as a Claude Code plugin
  • Requires macOS/Linux, ffmpeg, Node.js 18+, and Python 3.9+. MIT license

See also

  • Skills
  • HyperFrames - An open-source framework built for AI agents to make videos with HTML
  • Remotion - Open-source framework for making videos with React
  • raea - Engine that renders AI-coded video, 3D, and games on the GPU

Favorite site

author MCPBot sitemap