Epic Infographics

Anatomy is an open-source agent skill for Claude Code, Antigravity, OpenCode, and Codex that explains technical ideas by constructing interactive isometric illustrations of physical machines, instruments, tools, or other mechanisms. It uses a workflow that collects the relevant numbers, invents a physical object for the concept, creates a parts list and geometry, renders parts back to front, adds interaction, and verifies the result with geometry and browser checks. The skill can produce standalone HTML pages, embedded SVG files, or React/Next.js components. Its SVG kit provides isometric solids, round parts, pipes, cables, four-tone shading, animation, cards, and live readouts; optional WebGL layers add effects such as fire, exhaust, water, caustics, light, and glow, while a beta 3D mode re-projects and re-shades moving parts each frame. The repository includes Node build scripts, complete examples, React components, reference guides, and headless Chrome tools for screenshots, scripted interaction, line-end checks, and geometry audits. It uses Node.js built-in modules without npm dependencies for the kit and examples, with React 18+ required for React output and Chrome or Chromium required for browser checks. The project is distributed under the MIT license. Its stated limits include not being a chart library, not targeting people or exact maps, and requiring WebGL for shader effects.

Animate is a Claude Code skill and plugin for creating short animated videos procedurally in code. It builds a self-contained canvas animation and renders it to MP4 with a headless browser and ffmpeg, using an intake flow followed by story, visual-style, and storyboard approval checks before rendering. The skill includes seven built-in styles—cut paper, crosshatch, risograph, sketchbook, math, pixel, and isometric—and can create an additional style from reference media by measuring its palette, line weight, texture, motion, and cut rhythm. It supports beat-mapped or code-composed music, narrated voice-over timing, real product screenshots, shape-morph transitions, and 9:16, 1:1, 4:5, and 16:9 outputs from one piece. The repository provides command-line tools for building, previewing, storyboarding, exporting, reviewing, comparing references, and checking rendered frames; it is distributed under the MIT license.

motionmaxxing is an open-source agent skill for Claude Code and other agents that read a SKILL.md folder. It generates motion-graphics films from plain HTML, using GSAP and a vendored Three.js runtime for frame-by-frame animation, 3D hero objects, typography, native-style product UI, and deterministic Chrome/FFmpeg rendering. Its ten-step process covers brand capture, concept and storyboard creation, scripting and voice, building the hardest beat first, rendering, scripted inspection, sound-to-picture, and delivery. The skill uses measured motion precedents and quality gates for render validity, empty frames, end-card duration, composition, and page-chrome patterns; it produces files including final.mp4, editable index.html, STORYBOARD.md, and NOTE.md. Installation checks Node.js, Python, FFmpeg, and Google Chrome without installing system-wide dependencies. The repository is licensed Apache-2.0, while bundled third-party components retain their own licenses, and the project describes itself as an early release with limitations including visual checks that remain manual and limited WebGL rendering speed.