Anatomy: Agent Skill for Isometric SVG and WebGL Visualisations

Repositorywheresryan22/anatomyTool

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.

Key points

  1. Agent skill compatible with Claude Code, OpenCode, Codex, and the Agent Skills standard.
  2. Generates interactive isometric figures using SVG, WebGL shaders, and 3D effects.
  3. Translates abstract technical ideas into working physical analogies (e.g. explaining cache keys via pin-tumbler locks).
  4. Features zero runtime dependencies and requires Node.js 20.10 or later.
  5. Published under the MIT licence with over 6,500 stars on GitHub.

Why it matters

Communicating complex architectural patterns or distributed systems through text or plain block diagrams is frequently ineffective. Enabling AI coding agents to produce detailed, functional visual models improves technical documentation and pedagogical clarity.

Analysis

Anatomy solves the challenge of dry, generic diagram generation by having agents conceptualise software mechanics as real physical contraptions. On the technical side, it is built with zero-dependency JavaScript and combines precision SVG line work with WebGL shaders under a unified isometric camera. It targets software engineers, technical communicators, and educators working with agent-based coding environments like Claude Code. Given its 6,500+ stars, automated CI pipeline, and lean dependency footprint, it represents a remarkably polished and popular tool within the growing agent skills ecosystem.

Mentioned links

Found in

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

Related entries

Similar in content, found by the AI search.

  • 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

  • Link:Ryan

    Anatomy: An Interactive Isometric Machine Generator Skill for Claude Code

    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.

    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.