AgentIndex icon
AgentIndex
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Submit Tool
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompare
Home/
Dev Tooling/
anatomy
anatomy logo

anatomy

Active·★ 18.6k·MIT·Updated 2026-10-18
★ Most Popular

Anatomy is an Agent Skill written for Claude Code that also loads in Antigravity, OpenCode, Codex and MiniMax Code. You ask for a figure that explains a technical idea, and the skill has the agent invent a physical object whose working is the concept: the README's examples turn a cache key into a pin-tumbler lock and a shared GPU context into a gantry plotter.

The agent then builds that object from dozens of shaded isometric parts with a bundled drawing kit, places it in a card with a title and a live readout, and adds calm pointer and keyboard motion. Output is a standalone HTML page, a single SVG with embedded styles, or React/Next.js components. A WebGL layer handles effects like exhaust, water and lamp light, and a 3D mode for parts that really rotate is marked beta.

It checks its own work: an audit proves no part passes through another and every end sits on a mount, and scripts take headless Chrome screenshots and close-ups that the agent is told to inspect. That makes it slow by design; the README says a full 3D orbit audit takes 15 to 20 minutes for 30 parts. It needs Node 20.10+ and Chrome or Chromium for the checks, with no other dependencies or API keys.

© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
Best by use caseAboutContactAdvertisePrivacy PolicyTerms of UseQYSGitHubBuy me a coffee ☕

Browse by Category

MCP ServersCode AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.

Guides

This write-up is based on the project's README and public repository data. We have not hand-tested the tool. Data as of 2026-10-18.

License
MIT
Latest release
v1.1.0 · 2026-10-12
Last commit
2026-10-18
Contributors
13
Forks
1,223
Open issues and PRs
50
First published
2026-10-08

Source: GitHub, npm and PyPI public APIs.

#agent-skill#claude-code#svg#isometric#visualization#webgl
$ Install
$ npx skills add wheresryan22/anatomy -g
↗ Visit site★ GitHub
01

Features

01Three figure kinds: SVG, SVG plus WebGL shaders, and a beta 3D mode
02Live readouts driven by the same model that moves the parts
03Geometry audit and headless Chrome close-ups to check every joint
04Output as standalone HTML, a single SVG file or React/Next.js components
05Node built-in modules only; no API keys or npm install
02

Why choose it

+Turns abstract concepts into working mechanical metaphors, not generic diagrams.
+Checks its own geometry and screenshots before finishing, so figures have fewer broken joints and stray lines.
+Zero dependencies and no API keys; outputs plain HTML, SVG or React components you can drop into docs.
03

Trade-offs

!Slow on purpose: a single figure takes a long agent session and many tokens.
!Not a chart library; it cannot plot data series and does not draw people or exact maps.
!The 3D mode is still beta, and the browser checks need Chrome, which Codex's sandbox may block.
04

Maintenance check

ActiveChecked: 2026-10-18
Last commit
2026-10-15
Commits, last 90 days
100+
Releases, last 90 days
2
Latest release
v1.1.0 (2026-10-12)
Open issues
49
Recent issues with at least one comment
1/6
Commits per week, last 12 weeks
Commits per week, last 12 weeks: 0, 0, 0, 0, 0, 0, 0, 0, 0, 8, 77, 0

Oldest week on the left; the latest four weeks are orange. Source: GitHub commit activity.

05

Compatibility

Claude Code
Skill
Verified via docs
Codex
Skill
Verified via docs
OpenCode
Skill
Verified via docs
Antigravity
Skill
Verified via docs
06

Quick start

1
$ npx skills add wheresryan22/anatomy -g
07

Use cases

↳Explain a system concept such as a rate limiter or cache in a blog post
↳Create interactive illustrations for docs or talks
↳Draw detailed machines with fire, water or light effects
08

Alternatives

⚡Top VS:
VSreticle★1.3k→VSdesign-extract★4.3k→VSmd2wechat-skill★3.7k→

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Why choose it03Trade-offs04Maintenance check05Compatibility06Quick start

Status rule: archived on GitHub = Archived; last commit within 90 days = Active; 91 to 365 days = Slowing; older = Stale. All figures come from the GitHub API on the date shown.

Most discussed open issues

  • #85 Thoughts on next steps: graduating the canvas painter, multi-level zoom primitives, and faster 3D orbit audits3 comments · 2026-10-15
  • #51 Recursive subcomponent zoom3 comments · 2026-10-12
  • #124 Canvas editor — the "Fine, I'll just do it myself!" rearrangement helper0 comments · 2026-10-18
  • #117 Proposal: opt-in reading annotations and notes for standalone learning pages0 comments · 2026-10-17
  • #114 Proposal: model-synchronized explanations for interactive figures0 comments · 2026-10-17

Issue titles are quoted from GitHub. Open the link to check whether a problem still applies to the version you use.

VS
CopilotKit
★38.2k
→
reticle logo
reticle★ 1.3k
AI agents can generate code, but still struggle to understand what they build. Reticle brings Jev-style machine-native runtime perception to web & desktop applications.
VSCompare→
design-extract logo
design-extract★ 4.3k
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
VSCompare→
md2wechat-skill logo
md2wechat-skill★ 3.7k
Markdown to WeChat CLI | 一键排版发布到微信公众号:支持 40+ 排版样式和专业主题 、AI 配图 、批量发布
VSCompare→
CopilotKit logo
CopilotKit★ 38.2k
React UI + elegant infrastructure for AI Copilots, AI chatbots, and in-app AI agents. The Agentic Frontend.
VSCompare→
terravision logo
terravision★ 1.7k
Professional cloud architecture diagrams with official AWS, Azure and GCP icons, from Terraform code or a plain JSON graph. MCP server + agent skill.
VSCompare→
1Panel logo
1Panel★ 37.2k
🔥 1Panel provides an intuitive web interface and MCP Server to manage websites, files, containers, databases, and LLMs on a Linux server.
VSCompare→
flint-chart logo
flint-chart★ 4.4k
🪄 Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.
VSCompare→
agents-towards-production logo
agents-towards-production★ 21.7k
This repository delivers end-to-end, code-first tutorials covering every layer of production-grade GenAI agents, guiding you from spark to scale with proven patterns and reusable blueprints for real-world launches.
VSCompare→
See all alternatives →
07
Use cases
08Alternatives
wheresryan22 /
anatomy
↗

A Claude Code skill that turns a technical idea into an interactive isometric machine drawn in SVG, WebGL or 3D

18.6k1.2kMIT
Last commit4d ago
StatusActive
CategoryDev Tooling
Contributors13
Latest releasev1.1.0
Links
Documentation↗Discussion↗Issues↗Releases↗
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit