Anatomy: An Interactive Isometric Machine Generator Skill for Claude Code

LinkRyanTool

Anatomy is a skill for Claude Code that translates abstract technical concepts into interactive isometric machines. Instead of conventional box-and-arrow diagrams, the tool operates on the principle that a functioning physical object should serve as the explanation itself.

Key points

  1. Core rule 'The object is the explanation': Concepts are rendered as functioning machines with at least 40 distinct parts, omitting floating labels or abstract boxes.
  2. Model-driven mechanics: Visual motions and live readouts share an underlying mathematical or logical simulation that responds to pointer and keyboard inputs.
  3. Three build tiers: Generation ranges from standard Figures (40 to 80 parts, taking 30 to 90 minutes) to Hero models (up to 150 parts) and complex Epic projects.
  4. Flexible output: Generates framework-free TypeScript producing SVG and HTML, or React components for Next.js, with optional WebGL shaders and 3D projections.

Why it matters

Explaining abstract computing mechanisms like LRU caches, mutex locks, or bloom filters typically relies on static diagrams. Anatomy demonstrates how agentic coding tools can turn single-line prompts into tangible, interactive physical analogies that clarify technical workflows.

Analysis

Created by developer Ryan, Anatomy showcases how Claude Code can operate autonomously over multi-hour runs to build sophisticated, interactive visual systems. The structured workflow enforces mathematical modelling and world planning before generating geometry, adhering to rigid visual constraints such as 30-degree isometric projections, depth sorting, and accessibility compliance. This illustrates the expanding capability of AI developer skills to invent and implement tailored didactic artifacts.

Mentioned links

Found in

Summary generated by AI (Gemini 3.8 Flash, 16 October 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Repository:wheresryan22/anatomy

    Anatomy: Agent Skill for Isometric SVG and WebGL Visualisations

    Anatomy is an open-source skill for Claude Code, OpenCode, and Codex that explains complex technical concepts by turning them into detailed physical machinery. It generates interactive isometric figures using SVG, optional WebGL shaders, and 3D effects.

    6.6kstarsJavaScript

    AI & LLMs· Tool

  • X post:Meng To

    Anatomy: Agent Skill for Animated Isometric SVG Explainers

    Meng To showcases 'Anatomy', an open-source agent skill by developer Ryan (@wheresryan22) that enables coding agents like Claude Code to generate interactive isometric SVG and WebGL visualisations.

    3.4kbookmarks101.5kviews

    AI & LLMs· Tool

  • X post:Guillermo Rauch

    Anatomy: Generating Interactive 3D Machine Models via Claude

    Guillermo Rauch highlighted the open-source project Anatomy by developer R (@wheresryan22). Designed as an agent skill for Claude, the tool transforms single-line machine descriptions into interactive 3D isometric models.

    2.2kbookmarks218.5kviews

    AI & LLMs· Demo

  • Repository:tt-a1i/archify

    Archify: Interactive Architecture and System Diagrams for AI Coding Agents

    Archify is an open-source Node.js rendering and validation engine designed as a skill for coding agents like Cursor, Claude Code, Codex CLI, and OpenCode. Agents produce a typed JSON Intermediate Representation (IR), which Archify deterministically compiles into self-contained, interactive HTML, SVG, and media exports.

    45.5kstarsJavaScript

    AI & LLMs· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.