Anatomyとは？
Anatomy は Agent Skill（SKILL.md ファイルを含むフォルダー）で、コーディングエージェントに説明用の図の描き方を教えます。ある概念の説明を頼むと、その仕組みが概念そのものになるような物理的な物体を考案します。たとえ ば、すべての入力が一致したときだけ合うキャッシュキーなら、ピンタンブラー錠です。そして陰影の付いた何十もの小さな部品からアイソメトリック視点でそれを組み立て、タイトル、ヒント、ライブの読み取り表示を備えたカードの中に収めます。
図は単体の HTML、単一の SVG ファイル、または React/Next.js のコンポーネントとして、ライトとダークの両テーマで出力されます。炎、水、光の WebGL シェーダーを追加でき、ベータ版の 3D モードもあります。スキルは接合部を拡大して自分の出力を確認します。キットは Node の組み込みモジュールだけを使うので、API キーもインストールするパッケージもありません。
`npx skills add wheresryan22/anatomy -g` でインストールでき、Claude Code、Codex、OpenCode、Antigravity、MiniMax Code で動きます。MIT ライセンスで、バージョン 1.1.0 は 2026年10月12日に公開されました。
Anatomyは使う価値があるか？
Anatomy は、プロンプトには載せられないものをスキルなら載せられることを示しています。SKILL.md はワークフローを固定します（実際の数値を集め、物体を考案し、部品表を書き、形状を一度だけ組み立て、奥から手前へ塗り、最後に監査する）。描画は依存関係のないキットが担います。アイソメトリックのカメラ、円形の部品やパイプ用のヘルパー、WebGL のレイヤー、React のコンポーネントです。返ってくるのは、編集できないモデルの画像ではなく、自分のものになるソース、つまり Node のビルドスクリプトとそれが書き出すページです。
チェックはほとんどのスキルが試みるより厳格です。キットの監査は、どの部品も他の部 品を突き抜けておらず、すべての端が取り付け部に収まっていることを証明します。ヘッドレス Chrome のスクリプトがクローズアップを撮り、空中で途切れる線があれば失敗とし、エージェントは自分が作ったすべての PNG を読むよう指示されています。その厳密さが代償でもあります。README は意図的に遅いと述べています。Raptor エンジンの例はビルドだけで数分かかり、3D の周回による完全な監査は 30 部品で 15〜20 分かかります。図 1 枚あたりのトークン数は公表されていないので、チームは自分で測る必要があります。
対象範囲は意図的に狭くなっています。軸やデータ系列はなく、人物や正確な地図は描かず、組み立てるべき仕組みのないアイデアは出来が弱くなります。3D モードはベータで、検証されているのは自身の例とテスト用の図 1 枚だけです。380 部品のストレステストは、幅 1,440 ピクセルで毎秒約 20 フレームで動きました。Codex ではサンドボックスがヘッドレス Chrome のチェックを止めることがあり、その場合、誰かがコマンドを承認するまで図は組み立て済みでも未検証のままになります。
プロジェクトはとても新しくもあります。バージョン 1.0.0 は 2026年10月10日に、1.1.0 はその 2 日後に出たので、19,000 のスターは実績よりも注目度を表しています。（開示：当サイトの AI スタックのページにある解説図は、このキットで描かれています。）数分で作れてラベル付きの箱で説明する Mermaid の図と比べると、Anatomy は長いセッションを求め、動く部品が説明を担う図を 1 枚返します。ローンチページのヒーロー画像なら割に合う取引ですが、毎週変わる社内ドキュメントには割に合いま せん。
真価を発揮する場面
API 企業のデベロッパーリレーションズエンジニア
ドキュメントのランディングページで、読者が操作できるものを使ってレート制限を説明する
実際のバケットサイズと補充レートを添えて /anatomy に指示します。スキルが物体を考案し、キットで組み立て、コミットできる単体の HTML ページを書き出します。既存の Claude Code や Codex のプランで、図 1 枚につき長いエージェントセッション 1 回を見込みます。ライセンス費用はかかりません。
Next.js のドキュメントサイトを保守するフロントエンドエンジニア
グラフやアニメーションのライブラリを入れずに、インタラクティブな図を追加する
React での出力を頼みます。形状のモジュール、静的な絵のためのサーバーコンポーネント、動きのためのクライアントコンポーネント 1 つです。必要なのは React 18+ だけで、モーション軽減の設定では図が静止するので、アクセシビリティの設定が尊重されます。
従業員 30 人のインフラ系スタートアップのコンテンツ責任者
イラストレーターに依頼せずに、ローンチ記事用の印象的なヒーロー画像を手に入れる
エンジニア 1 人がスキルを実行し、会話の中で改良を重ねます。コストはイラストレーターへの報酬ではなく、エージェントの利用料とそのエンジニアのセッションです。図は A4 のポスターとして印刷することもできます。リスクは物理的な仕組みのない概念で、README によるとその場合は出来が弱くなります。
導入前に確認すること
- 導入
- `npx skills add wheresryan22/anatomy -g`（skills CLI のバージョン 1.7.1 は Node 22.20+ を要求します）でインストールするか、エージェントの skills フォルダーに git clone します。例を含めて約 10 MB がコピーされます。キットには Node 20.10+ が、自己チェックには Chrome か Chromium が必要です。
- 連携
- Agent Skills の形式を通じて Claude Code、Codex（$anatomy で呼び出し）、OpenCode、Antigravity、MiniMax Code。出力は単体の HTML、単一の SVG、React/Next.js のコンポーネント、または scripts/print.mjs による A4 の PDF です。
- データとプライバシー
- API キーは不要です。キットとチェックは自分のマシンで動き、プロンプトはエージェントがすでに使っているモデルにだ け送られます。コミュニティギャラリーへの公開はオプトインで、何が送られるかを確認した後にのみ GitHub のプルリクエストが作られます。
- 大規模利用時のコスト
- MIT で無料です。本当のコストはエージェントの利用料です。どの図も、両方のテーマでの組み立て、監査、スクリーンショットを含む長いセッションになり、プロジェクトはトークン数を公表していないので、自分のプランで試しに 1 枚作って予算を見積もります。
- 制限
- グラフのライブラリではなく、人物や正確な地図は描けません。シェーダーには WebGL が必要で（なくても SVG は読めます）、3D モードはベータ、3D の周回による完全な監査は 30 部品で 15〜20 分かかります。
良い点
- 自分の形状とスクリーンショットを監査します
- 編集可能なソースを出力します（HTML、SVG、React）
- npm の依存関係はなく、必要なのは Node 20.10+ だけです
- Agent Skills を通じて 5 つのコーディングエージェントで動きます
気になる点
- セッションが長く、図 1 枚あたりのトークンコストは公表されていません
- グラフ、人物、地図は描けません
- 3D モードはベータで、380 部品の図では約 20 fps です
- Codex のサンドボックスが Chrome のチェックを妨げることがあります
おすすめの人
ドキュメント、記事、ランディングページ用のインタラクティブな解説図を求めるテクニカルライターや開発者。
Anatomyの代替
Anatomy：よくある質問
- Anatomyは使う価値があるか？
- 概念を、読者が手を止めて触りたくなる機械に変えるスキルです。その代償は、長くトークンを大量に使うセッションです。 評価は5点満点中4.0点です。
- Anatomyの料金は？
- MIT の無料オープンソースです。すでに使っているエージェントのサブスクリプションや API で動きます。
- Anatomyの欠点は？
- セッションが長く、図 1 枚あたりのトークンコストは公表されていません; グラフ、人物、地図は描けません; 3D モードはベータで、380 部品の図では約 20 fps です; Codex のサンドボックスが Chrome のチェックを妨げることがあります.
- Anatomyは誰に向いているか？
- ドキュメント、記事、ランディングページ用のインタラクティブな解説図を求めるテクニカルライターや開発者。
- チームや本番環境でAnatomyを使うと費用はいくらか？
- MIT で無料です。本当のコストはエージェントの利用料です。どの図も、両方のテーマでの組み立て、監査、スクリーンショットを含む長いセッションになり、プロジェクトはトークン数を公表していないので、自分のプランで試しに 1 枚作って予算を見積もります。
- Anatomyは企業データを扱っても安全か？
- API キーは不要です。キットとチェックは自分のマシンで動き、プロンプトはエージェントがすでに使っているモデルにだけ送られます。コミュニティギャラリーへの公開はオプトインで、何が送られるかを確認した後にのみ GitHub のプルリクエストが作られます。
- Anatomyの代わりになるものは？
- 当サイトでレビューした中で最も近い代替はAnthropic Skills, fireworks-tech-graph 、 OpenDesignです。
回答確認日：2026年10月22日