#8282nd of 85 in Skills, plugins and rules

anatomy

Agent skill that builds interactive isometric figures to explain technical ideas

Stars: 9.1k
License: MIT
Last commit: Oct 2026
Last release: Oct 2026
Language: JavaScript

Missed the latest GitHub check; these facts may be older.

Overview

Anatomy is an Agent Skill for Claude Code, OpenCode, Codex and Antigravity. Given a concept, it invents a physical object whose behaviour models the idea and builds it as an interactive isometric figure in SVG, SVG plus WebGL, or beta 3D. Output is standalone HTML, a lone SVG, or React/Next.js components, with a zero-dependency Node kit and geometry audit scripts.

Who it is for: Developers who want interactive figures for docs, blogs or landing pages

Strengths

Installs with one `npx skills add` command across four agents; no API keys needed
Kit uses only Node built-ins; React is needed only for the React components
Includes geometry audit and headless Chrome capture scripts to verify figures
Ships nine built examples, including React components copyable into a site

Weaknesses

Verification needs headless Chrome, which the Codex sandbox may block without config changes
3D mode is marked beta and only re-renders the moving parts
Raptor engine example build takes a few minutes; 3D audit is slow
Repository is about 10 MB because the CLI copies examples too

What it needs

no GPU
Needs Node.js >= 20.10, headless Chrome (for verification)
Models: Claude Code, OpenCode, Codex, Antigravity

Also in Skills, plugins and rules

See all 85

Also in Skills, plugins and rules
Rank	Project	Score
1	skillsAgent skills for planning, TDD, debugging and code review291.3k starsMIT	94 out of 100
2	eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses279.5k starsMIT	94 out of 100
3	cavemanCuts token use in coding agents with terse replies and compressed inputs Live demo ↗ (opens in a new tab)111.9k starsApache-2.0	94 out of 100
#4	ponytailSkill prompt that makes coding agents write less code and add tests163.6k starsMIT	92 out of 100
#5	impeccableDesign skill with 24 commands and a detector for AI-generated frontends Live demo ↗ (opens in a new tab)81.2k starsApache-2.0	92 out of 100

How to choose

Check which agent it targets and whether it works with the version you run.
Read what it adds to every prompt; big rule sets cost tokens on each call.
Prefer add-ons you can turn off per project.

Health

Releases: Not checked
Top contributor: Not checked
Security advisories: Not checked
Package advisories: Not checked
OpenSSF Scorecard: Not checked

Not read for this project yet: each refresh reads the facts of a few projects. Bots and coding-agent accounts are left out of the commit counts. Not part of the score: how we check.

License in plain words

MIT Permissive

Use it at work: Yes
Change it and rebrand it: Yes
Sell it or host it for others: Yes

Your part: Keep the copyright and license notice in copies you ship.

A plain summary, not legal advice. Read the license on GitHub ↗ (opens in a new tab)

#82 of 85 in Skills, plugins and rules on Archestack, as of 15 Oct 2026.

In your README

The badge updates twice a day.

[![Archestack](https://archestack.com/badge/wheresryan22/anatomy.svg)](https://archestack.com/best-of-vibe-coding/projects/anatomy/)

How badges work

On your site or blog

A card with the rank, score and signals, in light or dark to match the reader.

<iframe src="https://archestack.com/embed/best-of-vibe-coding/anatomy/" title="anatomy on Archestack" width="400" height="270" style="border:0;max-width:100%" loading="lazy"></iframe>

Preview the card

Best of Vibe Coding on GitHub

Each review comes from the project's README and facts we check on GitHub. The fix form opens with anatomy filled in.