核心要約
- 一行のアイデアで動く可視化コード
- 読む説明から操作する説明へ
- コストの基準は検討・修正の時間
- 繰り返し説明する概念一つから
Claude Code用のオープンソーススキル「アナトミー(Anatomy)」は、一行のアイデアを受け取り、AIが原理を説明する仕掛けを構想し、ブラウザ上で動作する可視化コードを作成できるよう支援します。開発者のライアン(@wheresryan22)が2026年10月11日(現地時間)にXとブログで公開したもので、核心は概念を動く物体として説明することにあります。
抽象的な概念をどう見せるのか
メッセージキュー(プログラム間のデータや処理要求を積んでおく待ち行列)はビー玉が順番に並んで待機する装置として、使われなくなった項目を削除するLRUキャッシュは本の位置が入れ替わる本棚として表現します。ユーザーは装置を操作しながら概念がどう動作するのかを確認できます。
- 基本出力:SVGベースのアイソメトリック(等角投影)図形に部品の動きとユーザー操作を組み合わせ
- 選択機能:炎・水・光などを表現するWebGLエフェクトを追加
- ベータ機能:実際の奥行き方向に部品が回転する3D
公開された事例には機械式時計のムーブメント、ロールス・ロイスのトレント970ターボファンエンジン、スペースXのラプター2エンジンが含まれています。ターボファンの可視化では推力調整レバーを動かすとファンと軸の回転速度が変化し、画面上の推力数値も連動します。開発者は、部品の動きと表示数値が同一モデルに基づいて動作するよう構成したと説明しています。
一行の指示だけで完成するのか
そうではありません。AIが構造を設計しコードを書いた後、画面を確認しながら修正する過程が必要です。開発者が公開した制作記録によると、機械式時計は約2時間、複雑なエンジン事例は検討・修正を含めて10時間以上かかったとのことです。
アナトミーはAnthropicの公式機能ではなく、開発者がMITライセンスで配布しているエージェントスキルです。リポジトリにはClaude Codeだけでなく、CodexやOpenCodeのインストール・使用方法の案内もあります。開発者はCodexのサンドボックスが画面確認用のブラウザ実行を制限する場合があるとして、別途実行ガイドを提供しています。すでに作成した可視化をウェブサイトで使えるよう、別ライブラリ「anatomy-figures」が52種類のインタラクティブ図形をReactコンポーネントおよびカスタムエレメントの形で提供しています。
Vercel CEOのギレルモ・ラウチ氏はXで「本当に素晴らしい、これこそが教育の未来だ」と評価し、Claude Codeの開発者であるボリス・チェルニー氏は「LLMを教育に活用するためにやるべきことは山積みで、我々はまだその第一歩を踏み出したにすぎない」と述べました。
韓国企業のAXへの示唆
設備の原理やシステム構造を新入社員や顧客に繰り返し説明する必要がある組織であれば、この方式は文書の代わりに直接操作しながら理解できる説明物を作る選択肢となります。ただし、コストを判断する基準は一行の入力ではなく、検討・修正にかかる時間であるべきです。動きと数値が同一モデルで連動しているという点は開発者の説明であるため、社内教育資料として使うなら、その数値が実態と合っているかを確認する担当者が必要です。
社内導入を検討するなら、まず二点を確認する順序が望ましいでしょう。公式機能ではなくMITライセンスでの配布物であるため社内のオープンソース利用規定に適合するか、そして組織が承認したコーディングツールと実行環境で画面検証の段階が妨げられないかです。
今週は、自組織が最も頻繁に繰り返し説明している概念を一つ選び、それを操作可能な仕掛けに変えた場合、正確性を誰が検証できるのかをまず決めてみてください。