#5 · ⚡24h jump · 🔥 (Rising) · 🔥3 days running+5,092★ · 🐣Surged 9 days after launch

Claude Codeで複雑な仕組みを対話的な図解として自動生成するスキル

JavaScript Difficulty: Intermediate Agent add-onsDesign & UI 🆓No extra cost

The three-line summary, the reason it surged and the spin-off ideas are generated automatically by AI. They can be wrong. Always check the original on GitHub before acting on them. Terms of Use

① What is it? (in three lines)

Claude Codeに「この仕組みの図を作って」と指示すると、SVGとWebGLで構成された立体的でインタラクティブな図解が生成されます。エンジン、ロック機構、GPUなど技術的な仕組みを「実際に動く図」として表現できるツールです。

Read the original GitHub description

An agent skill for creating detailed, interactive isometric illustrations of real-world machines and complex systems. Generates polished SVGs with optional WebGL shaders and 3D effects.

② Why did it surge?

公開10日で計1万1854★増、きっかけは未確認

2026年10月8日の公開から10日間で、スターは3200から15054へと急増しました。6日間で1万1854の増加があり、最直近の24時間でも1150★を獲得しています。外部メディア(Hacker News等)での言及は検出されておらず、話題化の具体的なきっかけは分かっていません。READMEにはClaudeのビルトインスキルとして複数のエージェント対応や、テクニカルコンセプトをインタラクティブな図解に変換する独自機能が記載されており、新しいカテゴリの便利なツールであることは推察できます。

Evidence: 2026-10-11の3200★から2026-10-17の15054★へ6日で+11854★最直近24時間(2026-10-17検知)で+1150★Hacker News言及は検出されず
👤 Who it suits

③ Three spin-off ideas for a side-project developer

Idea 1

社内研修・技術教育を担当する企業の教育企画者

The problem

エンジニア新入社員向けにシステムアーキテクチャやマイクロサービスの仕組みを月2〜3回説明しているが、スライドとテキストでは複雑さが伝わらず理解時間が長引いている

The approach

/anatomy コマンドでClaudeに「分散キャッシュの仕組み」「トランザクション管理」などを説明させ、対話的なSVG図解を生成します。社員がマウスやキーボードで図を動かしながら学べるため、理解速度が上がります。生成した図をHTMLファイルとして社内Wikiに埋め込む運用も可能です

💰 How it could earn

作成した図解コンテンツを月額制の内部研修ライブラリとして社員向けに提供するか、外部の教育企業向けに図解テンプレート群を年間受託料で販売する

Idea 2

技術ブログやYouTubeチャンネルを運営する個人エンジニア

The problem

複雑な技術概念(トークンバケット、GPUコンテキスト管理など)をブログ記事やビデオで解説する際、自分で図を描くのに数時間かかり、更新・修正も煩雑で週1本の連載ペースが保てない

The approach

Anatomy で解説したい仕組みをClaudeに指示すると、ブログに埋め込めるインタラクティブなSVGおよび3D図が数分で完成します。同じ仕組みの別視点の図や、アニメーション入りバージョンも /anatomy で追加生成でき、記事作成サイクルが2〜3倍に高速化します

💰 How it could earn

図解付きの技術記事をNote有料記事として月500円で販売、またはYouTubeメンバーシップの限定コンテンツとして動画スクリプト+生成図解セットを月額200〜500円で提供する

Idea 3

機械・自動車業界の製造企業の営業・企画担当者

The problem

取引先や投資家に最新の機械仕様や改良点を説明する際、手書き図面やCADデータでは説明に1時間以上を要し、非技術者には複雑さがピンと来ていない

The approach

Anatomy を使い、Claude Code で「エンジン燃焼室の新しい吸気弁設計」などの仕組みをインタラクティブな等角投影図で生成します。動作原理をリアルタイムで図上で表現でき、タブレットを相手に見せながら数分で要点を伝えられます。WebGL対応で3D効果も交わり、印象に残りやすい提案資料になります

💰 How it could earn

提案資料制作サービスとして、クライアント企業から製品ごとに月2〜3件の図解作成を5〜10万円/件で受託、または設計仕様書をもとに図解ライブラリを作成するコンサル業務として年間契約50万円程度の定期案件化する

④ Total stars over time (last 7 days, one point per day)

Total stars
★15,056
Last 24h
+1,150★
24h growth
+8.3%
Last push
2d ago
14 Oct 16 Oct 18 Oct (detected)
+11,854★ over these 4 days(3,200 → 15,054)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,150★
24h growth: +8.3%
Detected from the change against the same hour the previous day
The repository's history
8 Oct 2026 Repository created
18 Oct Surge detected
2d ago Last push
GitHub topics: #agent-skill#open-source#svg#vizualization

⑤ Related repositories

Same language: JavaScript · Shared topics: agent-skillopen-sourcesvgvizualization

複数の対話型AIアシスタントをまとめて管理できるデスクトップアプリ

Rust ai-toolsclaude-codedesktop-app ⚡ Explained here GitHub ↗

🔗 Related hubs and surges from the same day

🔔 Get the next one

Get surging AI repositories summarised in Japanese, with spin-off ideas without opening the site (once each morning). No email address required.

What is RSS: New items arrive automatically wherever you already read (a reader such as Feedly, Slack, n8n). Copy the URL above and paste it in — no sign-up, no cost.

Detected at 18 Oct 2026, 07:22:53 · observation window 2026-10-17-0 (UTC) · summarised 3h ago