wheresryan22/anatomy

选用指南

AI 根据 README 整理 · 2026/10/11 13:16:07

使用方式

在 Claude Code 中通过 /anatomy 命令使用，或直接描述需求触发。

查看 README 依据

mkdir -p ~/.claude/skills/anatomy && curl -L https://github.com/wheresryan22/anatomy/archive/refs/heads/main.tar.gz | tar -xz --strip-components=1 -C ~/.claude/skills/anatomy ``` </details> Claude Code picks up new skills in a running session. If the `skills` folder itself did not exist when the session started, run `/reload-skills`. ## Usage Type `/anatomy` and say what the figure should explain: ```text /anatomy explain how a token bucket rate limiter works, interactive ```

You don't have to name the skill. Claude also loads it when you ask for an isometric illustration, an explanatory figure for docs, a blog post or a landing page, or an interactive explainer. <details> <summary><b>More prompts</b>, from the skill's <a href="evals/evals.json">evals</a></summary> <br> ```text /anatomy a figure for our Next.js docs on database connection pooling: a pool of 10 connections, requests borrow one and give it back, and when all 10 are busy new requests wait in a queue. A React component plus a static HTML preview, dark theme. ``` ```text

部署要求

需要 Claude Code 和 Node.js 20.10 或更高版本；检查脚本需要 Chrome 或 Chromium。

查看 README 依据

├── examples/ eight complete figures, built pages committed ├── evals/evals.json test prompts and what a good answer contains └── .github/ issue forms, PR template, CI, README images ``` </details> ## Requirements | | Needed for | Notes | |---|---|---| | **[Claude Code](https://code.claude.com/docs/en/overview)** | everything | The skill is written for it. |

| **Node.js 20.10+** | builds, kit, checks | Built-in modules only: nothing to `npm install`. The examples were rebuilt byte for byte on Node 20.19 and 22.11. On Node 20 the browser scripts restart themselves with `--experimental-websocket`. | | **Chrome or Chromium** | the checks | `capture.mjs`, `drive.mjs`, `lines.mjs` and `turn-check.mjs` look in the usual places on macOS, Linux and Windows and in Playwright's cache. Set `CHROME_PATH` for any other binary. They run it headless with WebGL on. |

已知限制

不是图表库，不绘制人物或精确地图；3D 模式为测试版，性能有限。

查看 README 依据

| **React 18+** | React output only | `kit/react/`, `examples/test-rig/` and `examples/spot-plate/`. | ## Limits - **It is not a chart library.** There are no axes, series or data plots. Numbers appear as a live readout driven by a model, and as the true sizes and counts of the parts. - **It draws machines, instruments, tools and furniture.** Not people or exact maps. An idea that has no mechanism to build will come out weaker.

> **The 3D mode is beta.** It is proved on its example and one test figure, not yet on a production figure. A small 3D figure runs at 60 fps; the 380-part stress hand measured about 20 fps at 1440 px wide and 13 to 15 fps on a throttled phone profile, on a heavily loaded machine. ## Contributing