Anatomy（日本語翻訳版）
出典: https://github.com/wheresryan22/anatomy — MIT © 2026 Ryan. 英語版オリジナルは
SKILL.en.md、詳細分析はPHAN-TICH.mdを参照。
用途
技術的なアイデアを実際に動作する物理オブジェクトとして構築することで説明します。キャッシュキーは、すべてのピンが合致したときだけ回転するロック機構に；複数のキャンバスにサービスを提供するGPUコンテキストは、1つのプリントヘッドが16のウェルを巡回する印刷ガントリーになります。結果は、多数の小さな部品からなる堅牢な等角投影図で、4トーンのシェーディング、タイトル付きカード、ツールチップ、リアルタイムの読み取り値を備え、マウスとキーボードに追随して滑らかに動きます。
3種類の図（共通のキット、カメラ、クラフトルールを使用）:
| タイプ | 説明 |
|---|---|
| SVG | コア。4トーンで着色された堅牢な等角投影部品を、背面から前面に向かって描画。タイトル付きカードとリアルタイム指標を内包。スタンドアロンHTML、CSS埋め込み .svg、またはReact/Next.jsコンポーネントとして出力。 |
| SVG + WebGL | 線画では表現できないもの（炎、排気ガス、水、コースティクス、光源、グロー、蒸気）を実現。シェーダーは、背面SVGと前面SVGの間に配置されたキャンバス上で、同じ等角カメラを用いて動作。 |
| 3D（ベータ） | 真の3D回転部品（回転数、指の屈曲、自由落下する破片など）。残りの部分は静的なアートワーク。 |
インストール
npx skills add wheresryan22/anatomy -g
# または -a claude-code / -a antigravity / -a opencode / -a codex / -a minimax-code
- Claude Code:
~/.claude/skills/anatomy、OpenCode:~/.config/opencode/skills/anatomy、Codex:~/.agents/skills/anatomy、などにインストール。または、リポジトリをスキルディレクトリに直接git clone。 - 要件: Node.js ≥ 20.10（ビルトインモジュールのみ使用、依存関係ゼロ）、自己検証用のChrome/Chromium（ヘッドレスモード。標準パスで検出、または
CHROME_PATHで指定）。React出力にはReact 18+のみ必要。
使い方
/anatomy explain how a token bucket rate limiter works, interactive
- スキル名を明示的に呼ぶ必要はありません。「等角投影図」「ドキュメント/ブログ/ランディングページ用の図」について質問すれば、エージェントが自動的に呼び出します。Codexでは
$anatomyを使用。 - 良い図を作るための3つの習慣: (1) 図の描写ではなくアイデアを説明し、実際の数値（サイズ、数量、速度、しきい値）を含める。(2) 既知のオブジェクト（エスプレッソマシン、ブンゼンバーナー、ロックなど）を名前で呼び、何が動くかを指定する。(3) 図がどこに置かれるか（HTML / SVG / React、ライトテーマかダークテーマか）を伝える。
- 印刷出力をリクエスト可能:
node scripts/print.mjs sheet.mjs --format allでPDF A4（ポスター、技術図面、2ページの解説資料）を作成。
スキルの内部プロセス
- 実際の数値を収集 → 2. オブジェクトを発明 → 3. 部品リストを作成 → 4. キットを使用してジオメトリを一度構築 → 5. 背面から前面にペイント → 6. フレームを追加 → 7. アニメーション化 → 8. 批評家として自己検証: ジオメトリ監査（
build.mjs --audit: 交差なし、すべての端点が正しく接続、深度順のオーバーラップが正しい）、ヘッドレスChromeスクリーンショット（capture.mjs、drive.mjs）、浮遊線のチェック（lines.mjs）、3Dチェック（turn-check.mjs）。エージェントは生成されたすべてのPNG画像を確認する必要があります。
強み
- 非常に高品質な図。独自の検証システム（監査＋キャプチャ＋コンタクトシート）を備えており、実際に自己検証ループを持つイラストスキルは稀。
- 依存関係ゼロ、APIキー不要。ビルトインNodeキット。
- Agent Skill標準により、5つのエージェントCLI（Claude Code、Antigravity、OpenCode、Codex、MiniMax Code）をサポート。
- リポジトリ内に完全なexample、コミュニティギャラリーサイト、PDFポスター出力。
弱み
- 意図的に低速: 1つの図は長時間のセッション（部品構築、監査、2テーマのクローズアップキャプチャ）を要する。Raptorビルドは数分、30部品の3D監査は15〜20分。
- チャートライブラリではない: 軸、系列、データプロットはなし。
- 機械、道具、家具のみ描画 — 人物は描画せず、正確な地図も不可。「メカニズム」のないアイデアでは弱い図になる。
- 3Dモードはベータ版。シェーダーはWebGLが必要（WebGLがない場合でもSVGは読み取り可能）。
Limix Botとの親和性
ドキュメント、レポート、解説ページ向けに技術概念をインタラクティブな図で説明する必要がある場合に適しています（ハブの answer-me-with-html スキルと方向性が共通）。迅速な応答や数値分析には不向き — むしろコンテンツ制作のための「ストーリーテリングの武器」。ビルド時間が長いため、別スレッドで独立したタスクとして使用し、通常のチャットに混在させないこと。
安全性
スキルはガイドと、ローカルで実行されるNodeスクリプト（ビルド/監査/キャプチャ）で構成されます。スクリプトはHTML/SVG/PDFのみを構築し、ビルド時に外部サービスを呼び出しません。検証はローカルのヘッドレスChromeで実行します。ハブのルールに従い: ツールを含む → レビューステータス、ボットオーナーが有効化前に承認する必要があります。