wheresryan22/anatomy

Anatomy is a Claude Code skill that generates detailed, interactive isometric figures of machines and technical systems as SVG with optional WebGL shaders and 3D rendering.

The tool solves the problem of explaining complex technical ideas through visual representation. Rather than creating generic diagrams, it asks Claude to invent a physical object whose operation embodies the concept being explained, then renders that object as an interactive isometric drawing. Each part of the figure is individually shaded and positioned, and all numbers displayed in the figure derive from the same underlying model that drives the animations, ensuring visual and logical consistency.

Anatomy suits technical documentation, articles, and landing pages where a developer wants to communicate how a system works through an engaging visual. The tool requires no external dependencies and runs on Node's built-in modules, making it straightforward to integrate into existing workflows. It produces output as SVG for the mechanical parts and can layer WebGL shaders for effects like particle systems or fluid dynamics, all within the same isometric perspective.

The project maintains a clean, focused codebase with no external dependencies and passes continuous integration checks. Development activity shows attention to code quality and reliability through automated testing infrastructure.