Anima

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.

ai-iso-skill is a Claude skill that generates interactive isometric figures as single HTML files. It renders plain SVG without libraries: projection code maps box faces to SVG matrices, while paint order handles depth and a state object with render() drives interaction; CSS supplies motion. Before drawing, the skill has Claude determine what pressing a part should produce, such as typed text, a number, or a note. The resulting figures use a hairline drawing on a numbered plate and can include functional controls such as timer buttons or a light switch. It can be installed as a Claude Code plugin, copied into the Claude skills directory, or uploaded as an .skill file to Claude.ai. The project is MIT-licensed.

Epic Infographics is an open-source skill for AI agents that generates data-driven infographics as HTML/CSS scenes rather than stock dashboard templates. It guides the agent through audience and story-angle selection, visual-metaphor and design-language selection, scene composition, chart construction, rendering, and self-review. Charts are computed from explicit arithmetic, palettes undergo color-blind-safety checks, and a headless preflight script checks text collisions, clipping, canvas boundaries, and readable sizes. The skill can render still PNGs and animate the same HTML through CSS keyframes into MP4 or GIF output using Playwright, headless Chromium, and ffmpeg; its motion workflow treats animation as a layer on an approved still and reviews contact sheets of the result. It includes named design-language specifications, composition and chart references, HTML templates, render, and animation workflows.