Pickanatomy: Turn technical concepts into interactive blueprints that move like real machines

wheresryan22/anatomy

·2026.10.11 21:11

Visualize abstract technical concepts by transforming them into working machines or devices. Represent principles physically by substituting elements such as cache keys with locks and GPU contexts with plotters, combining SVG, WebGL, and 3D rendering to generate precise isometric projections.

The generated figures consist of dozens of detailed parts that move smoothly in response to mouse and keyboard input. All values and behaviors are controlled by the same internal model, ensuring visual accuracy, and outputs are provided as HTML, SVG, and React components ready for direct insertion into documentation or landing pages.

Operates as an Agent Skill for Claude Code, running with only Node.js core modules without requiring separate API keys or npm installations. Suitable for creating technical documentation and educational materials that require visual details such as complex pipelines or fluid dynamics.

GitHub
GitHub repository

wheresryan22/anatomy

An agent skill for creating detailed, interactive isometric illustrations of real-world machines and complex systems. Generates polished SVGs with optional WebGL shaders and 3D effects.

JavaScript

This introduction was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report errors, attribution issues, or removal requests via Contact.