BLOG
Tech Teardown 023|anatomy:5日間で6300スターを獲得したagentスキルパック、「わかりやすく説明する」ことをインタラクティブな機械に仕立てる
10月8日にコレクションが開始され、5日間で6300個以上の星と450のフォークが集まりました。これはGitHub上のwheresryan22/anatomyの成果です。これはアプリケーションでもライブラリでもなく、エージェントスキルです:173行のSKILL.mdファイル、等距グラフィックツールキット、8つの完全なサンプルがあり、npx skills addを使ってClaude Code、Codex、OpenCode、Antigravityのいずれかのエージェントにインストールされます。エージェントは「概念を明確に説明する」作業をインタラクティブな等距グラフィックに変換できます。純粋なSVGベースで、WebGLシェーダーと3D回転が選択可能です。公式説明は「現実世界の機械や複雑なシステムの詳細でインタラクティブな等距グラフィックを作成するエージェントスキル」とあります。昨日分解したwordcraftはエージェントによる大量生産の成果を売り、anatomyはその生産方法論を売っています。2日間連続で見ると、エージェントエコシステムの2つの層が完成します。この記事では従来通り6段階に分解します。
一、それは何か
anatomyの完全な形態は「規格 + ツールキット + サンプル」のトリプルです。規格はSKILL.mdで、エージェントが読むワークフローディスカッションであり、設計哲学から階層的なプロセス、検証リストまですべて含まれています。ツールキットはkit/ディレクトリで、1万5000行以上のJavaScriptがあり、等距投影、回転体、パイプハーネス、WebGLシェーダー、3Dモード、幾何学的アセスメントなどが専用のモジュールで構成されています。サンプルはexamples/下にある8つの完全な例で、300行の千分尺からWebGLテールエフェクト付きの猛禽族ロケットエンジンテストベンチまで、各々が1つのコマンドで再構築できます。全体のリポジトリには147ファイル、29078行があり(ローカル統計、サンプル含む)、MITライセンスで、READMEバッジはゼロ依存を宣言しています。ビルドにはNode内蔵モジュールのみ使用され、この宣言はパッケージファイルの実際の内容と一致しています。
それが描くものには統一されたスタイルがあります:等距視点での精巧な機械、4色のシェーディング、画家アルゴリズムの順序付け、カード型のフレーム(番号、タイトル、インタラクティブなヒント、リアルタイム読取り)、動きは控えめなアニメーションです。8つのサンプルは難易度の違いをカバーしています:desk-computerは実際にタイピングが可能なデスクトップコンピュータで、入力されたテキストがケースの平面にあるCRT上に表示されます。約85のオブジェクト、850のパスがあります。arcade-cabinetはサイドパネルを取り外したゲームカードの断面で、約240のオブジェクトと15本のケーブルがあり、コインをスロットに投入すると、30度の斜面上で円盤が実際の速度で回転し、ミニチュアスイッチを押して電気パルスがケーブルを通じてマザーボードまで伝わります。CRTの予熱、自己検査、引き込みモードへの移行、全過程が物理シミュレーションです。raptor-engineはテストベンチに取り付けられた猛禽族エンジンで、WebGLによるテールエフェクト、衝撃波、水しぶき、蒸気が前後の2層のSVGの間に表示されます。
その人気の道筋はwordcraftとは全く異なります:wordcraftはHNで300以上の星を獲得した議論投稿によって有名になりましたが,anatomyはHNでたった一度の2票の支持票しか得られなかった沈没提出でした。その拡散はGitHubのtrendingやX、そしてスキルサイト(homepageにcommunity galleryがあるskills.wheresryan.sh/anatomy)を通じて行われました。同じ熱度レベルで、全く異なる二つの道です。
二、リポジトリ構造
スキルはSKILL.mdの173行目のYAML frontmatterに記載されており、互換性を宣言しています(Claude Code用に書かれており、Antigravity、OpenCode、Codexでも動作します。Node.js 20.10+とChrome/Chromiumが必要です)。本文はエージェントの完全なワークフローで、規模の決定、実際の数値の収集、物体の創造、部品リストの作成、幾何学的構築、順序付けと描画、カードの枠付け、アニメーションの追加、批評家のように検証まで10ステップあります。
筋肉はkit/の15870行目にあります。iso-kitは等距離投影のコアであり,lathe.mjsは任意の軸方向の回転体(バルブ、フランジ、バルブ本体)を生成します。tube.mjsは3Dパイプとケーブルを深く順序付け可能なセグメントに切断し,gl.mjsはWebGLレイヤーです。turnシリーズの3つのファイルは3D回転モードを管理し,audit.mjsは幾何学的監査を行います。react/の下にはサーバー側の安全なグラフィックコンポーネントとクライアント側のアニメーションフックがあります。references/は9つの層構造化されたドキュメントで、合計2247行あり,craft、kit、webgl、3d、motion、react、verify、walkthrough、publishがそれぞれ一層を担当しています。webgl.mdが最長で473行あります。
周辺部品も不足していません:evals/evals.jsonはスキル評価セットであり,tests/fixtures/には4枚のPNGビジュアルリトリーバルベースラインが含まれています。.github/にはCIとPRテンプレートがあり,agents/openai.yamlはCodexの設定です。評価セットはよく見る価値があります:「promptから期待される出力」の5つのセットがあり,トークンバック制限器、データベース接続プールからCDNエッジキャッシュ、ボンベフレーム、イタリアンコーヒーマシンの断面まで,期待される出力には検証基準が記載されています。例えば「すべての曲線部品は滑らかな着色で階段状の色ブロックがない」「node build.mjs —auditはaudit passedで終了しなければならず、各項目の失敗はゼロとしてカウントされる」などです。エージェントのスキルに評価セットを割り当てるという行為自体が、スキルパッケージでは珍しいものです。
三、核心メカニズム
3つの要素を移動する価値があります。
第一点、「物体即解释」の設計哲学。SKILL.mdでは太字で「the one idea that matters: The object is the explanation」と書かれている。図や矢印、注釈を使ってはならず、実在する機械を発明し、その動作が概念そのものである必要がある。文書には概念から機械へのマッピング表が示されている:1つのGPUが複数のキャンバスを共有し、それを龍門描画機として設計し、1つのプリントヘッドが16の穴を順番に訪れるようにする。キャッシュキーがヒットすると再描画を飛ばし、ボールロックとして設計し、各ピンが合うまでロック芯が回転しないようにする。49×49の分離可能なぼかしを49+49に変更し、釘床の印章と2本の梳きの軌道として設計する。失敗モードも用意されている:抽象的すぎる(重なる板や浮かぶボックスは何も読み取れない)や平凡すぎる(大きな板に数本の線を描くだけで、体積も部品もない)場合は、多くの小さく正確な部品からなる、認識可能な機械を作る必要がある。
第二点、-auditによるフレームごとの幾何学的証明。これは全プロジェクトの中で最も難易度の高い工程である。kit/audit.mjsでは、構築時に各部品の実際の形状を記録し、静止状態、爆発分解状態、アニメーション再生の各フレームで機械証明を行う。どの部品も他の部品を通過せず、各端点が実際の取り付け位置に落ち、曲がったり扁平になったりせず、すべての重なりは実際の深さ順序で描かれ、問題がある場合は直接非零でエンドレスになる。猛禽機関銃の爆発分解アニメーションは11の部品に分けられ、フレームごとの深さを再排序し、すべてが監査可能である。SKILL.mdでは不正行為の経路も排除している:偽の形状で監査をごまかすことはバグであり、監査では失敗と判断される。対応する誠実さのルールもある:図に示された各数字は、部品の動きを制御する同じモデルから来ており、読み取り値は固定されておらず、物理モデルがリアルタイムで計算している。街機のキャビネット内でのコインの滑り速度、水波槽内での周波数変化の伝播など、すべてが実際のモデルによるものである。
第三点、作業時間をスキル文書に記載する。ワークフローの第一ステップは規模を定めることである:Figure形式で1つのメカニズムを作成し、40から80個の部品で、通常1時間以内に完了する。現在のルールは、ユーザーに見積もりを提供しないことである(10月13日に新たに統合されたPR #43で変更されたのがこれ)。Hero形式では80から150個の部品で、約2〜4時間かかり、事前に通知した後に作業を開始する。Epic形式では6時間から開始し、ルールは直接作業を開始せず、見積もりを提供し、核心的なアイデアを保持したHeroの縮小版を提案し、ユーザーが選択した後に完全版を作成する。どの形式でも、最初の1時間以内にブラウザで開くことができるページを作成し、徐々に深化させる必要がある。エージェントが作業を開始する前にユーザーに作業時間を報告させることは、プロジェクト管理の規律をスキルガイドに記載した珍しい例である。
四、プロジェクト品質
いくつかのルールはCONTRIBUTINGに記載されています。コードには注釈を書かない:ファイルのヘッダー注釈は禁止、難解な説明やJSDocは禁止です。説明は名前や構造に含めること。ただし、「use client」といったツールの指示は例外とします。kitの変更はオプトインでなければなりません:新しいオプションや関数のデフォルトの動作は旧来の動作と同じでなければならず、既存の例は再構築後もバイト単位で同一でなければなりません(byte-identical)。CIチェックではこれを確認します。変更したい場合はPRで説明し、再構築されたページも一緒に提出してください。バイト単位で同一であることは厳格なルールであり、「ツール箱の変更」と「作品の変化」を完全に分離します。agentが大量にkitを変更する際にも、既に公開された図を隠れて破壊することはありません。
その他の基盤も同様に整っています:4枚のPNG画像は、明暗両方のテーマ下での実体と点陣レンダリングを保証します。CIワークフローは.degithubに掲載されており、評価セットには5つの基準を持つ問題が提供されています。貢献構造(10-13スナップ):8人の貢献者が合計119のコミットを行い、主な貢献者wheresryan22が72個で約61%を占め、2番目の貢献者rudycelekliが33個で28%を占めています。5日間でPR番号は#43まで開かれました。個人が主導して設立されましたが、コミュニティも参加しており、これはwordcraftの「一人が3日間5万行を作る」という完成品倉庫の形態とは異なる構造です。リポジトリはコミュニティからの投稿を完全なサイクルにしました:対応するanatomy-communityリポジトリでは作品ギャラリーを作成し、ユーザーが「この図をAnatomyコミュニティギャラリーに公開する」と言うと、agentはタイトルとGitHub名を尋ね、確認後PRを自動的に開きます。この全過程でgitに触れる必要はありません。スキルパッケージは、配布やコミュニティからの投稿もユーザーのために行います。
五、境界と代償
READMEのLimitsセクションは明確です。これはグラフライブラリではありません:軸線も序列もデータの描画もありません。数字はモデル駆動のリアルタイム読取りと部品の実際のサイズとしてのみ表示されます。これは機械、器具、ツール、家具だけを描き、人や正確な地図は描きません。メカニズムがないアイデアは弱いものになります。「遅いのは意図的なものです」(It is slow on purposeはREADMEの原文です):一枚の図を完成させるには、部品リスト、幾何学、検証、2つのテーマ下での各接続のクローズアップが必要で、これは長い会話のようなものです。Raptorエンジニアリングでは数分かかり、30個の部品を含む完全な3D環状検証には15〜20分かかります。
3Dモードは自ら「beta」とマークしています:エンジンは自前のサンプルとテスト画像でのみ検証されており、実際の製品にはまだ登場していません。380個の部品を含むプレッシャーテストモデル(散らかった作業台上のロボットアーム)は1440pxで約20fpsですが、スマートフォンの制限フレームレート(390px、4倍のCPUカットオフ)では13〜15fpsしか出ません。これらはすべて公式が公表したテスト結果です。WebGLの効果はブラウザのサポートに依存しますが、WebGLがない場合でもSVGは完全に読み取れます。「reduced motion」下ではすべての画像が自動的に静止し、アクセス性も保証されています。使用者にはもう一つの隠れたコストがあります:このスキルは人間ではなくエージェントを対象としています。173行の規則と9つの参考文献を読んだ後、独自に幾何学のコードを書くのは、その設計目的とは異なります。
六、判断
Anatomyが最も注目すべき点は、イラスト自体ではなく、配布ユニットとしての形態です。あるスキルパッケージが5日でGitHubのトレンドトップに入ったということは、エージェントエコシステムの基盤層が独自のスタープロジェクトを生み出し始めていることを意味します。以前はオープンソースのベストリストに入るのはアプリケーションやライブラリで、ユーザーは人間でした。今では「エージェントに仕事を教える方法論」がベストリストに入り、ユーザーはエージェントであり、人間は検証のみを行います。これはwordcraftの正反対であり、wordcraftはエージェントが大量のコンプライアンスに適合したアプリケーションコードを生成できることを証明しましたが、Anatomyは品質の方法論自体がパッケージ化され、配布され、評価され、改善されることができることを証明しました。裏付けもあります:AnthropicはAgent Skillsをオープン形式にし、Codex、OpenCode、Antigravityも読み込みをサポートしています。一つのスキルパッケージで4つの場所で実行でき、これは当時のnpmパッケージの状況に近づいています。
このスキルは3種類の人に適しています。エージェントスキルを書く人:SKILL.mdの構造はそのまま使用できます。設計哲学、失敗パターン、階層的な価格設定、ワークフローのステップ、検証リストがすべて揃っています。evals.jsonは「スキルをどのように評価するか」の手本となっています。技術コミュニケーションを行う人:「物体即解釈」は完全なコンテンツの方法論であり、抽象概念を認識可能なマシンに変換します。このアプローチはコードに依存しないものです。Claude CodeまたはCodexを使用する人:インストールすれば、エージェントがブログ、ドキュメント、ページにLinearスタイルのインタラクティブイラストを生成できますが、代償は長いセッション待ちです。
リスクのまとめ:個人主導で始まったコミュニティでは、15,000行のチップのメンテナンス負荷が続いて増大します。3Dモードのフレームレートが満足できるものではなく、「beta」タグは短期間で取り除くことができません。スキルの効果は宿主エージェントの実行能力に大きく依存しており、弱いモデルを使用すると結果が大幅に悪化する可能性があります。評価セットはありますが、公開テストはまだありません。しかし、明日にしてもリポジトリの更新が停止しても、エージェント時代のオープンソーススタープロジェクトは、優れた規則書であることができます。173行のSKILL.mdと「各数字は同じモデルから来ている」という誠実な条項は、多くの完全なアプリケーションのドキュメントよりもエンジニアリング作品に近いです。
情報源
- リポジトリとドキュメント:github.com/wheresryan22/anatomyのREADME、SKILL.md、CONTRIBUTING.md、evals/evals.json、kit/audit.mjs(ローカルでの浅いクローン検査で、ファイル数と行数はfind+wcで統計)
- 星の数、フォーク、貢献者、コミット:GitHub repos/contributors/commits API、2026-10-13のスナップショット
- HNの拡散状況:Algolia検索、1回のみの2▲のコミット、人気度はGitHub trendingと技能站を基準
- 階層的な見積もり、フレームレート、ビルド時間:SKILL.mdとREADMEの自己報告値、本文は箇条別にマークされている