#3 · ⚡24h jump · 🔥 (Rising) · 🔥4 days running+8,219★ · 4 months old

Claude Code向けの39種類のエディトリアルダイアグラム集

HTML Difficulty: Beginner Agent add-onsDesign & UI 🆓No extra cost
GitHub topics: #agent-skills#claude-code#codex#data-visualization#diagrams#drawio#mermaid#svg

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

① Why did it surge?

14日間で1万7448★増加、自動生成される図の品質向上が牽引

公開から約4か月後の2026年8月中旬から下旬にかけて、14日間で+17448★の急増を記録しました。READMEに記載される「39種類の図形タイプ」「2.0でループパターン追加」「2.5.10で10種類のレイアウト追加(SankeyやWardley map等)」といった機能拡充により、Claude Codeで生成される図のバリエーションと完成度が大幅に向上したことが、採用ニーズの急増につながったと考えられます。検知日24時間で+1568★の伸びが続いており、需要の勢いは持続しています。

Evidence: 14日間(2026-08-12~26)で+17448★検知日24時間で+1568★READMEに39種類の図形と最新版の機能記載

② What is it? (in three lines)

Claude CodeやCodexで使える図解テンプレート集です。アーキテクチャ図、フローチャート、ER図など39種類が用意されています。HTMLとSVGだけで完結し、ブラウザで直接開いて利用できます。

Read the original GitHub description

Editorial diagram design for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.

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

Total stars
★42,776
Last 24h
+1,568★
24h growth
+3.8%
Last push
1d ago
14 Aug 17 Aug 20 Aug (detected)
+9,144★ over these 6 days(14,057 → 23,201)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,568★
24h growth: +3.8%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
20 Aug Surge detected
1d ago Last push
👤 Who it suits

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

Idea 1

個人ブロガー・テック書き手

The problem

毎月10本以上の技術記事を書く際、それぞれにアーキテクチャ図やシーケンス図が必要だが、毎回Figmaで30分以上かけて手作りしている

The approach

このリポの39種類の図形を使ってClaude Codeスキルを作成し、記事執筆時に『ユースケースの状態遷移図を作って』と指示するだけで、記事の雰囲気に合わせたSVG図を自動生成。flow chart、state machine、user journeyなど多数のパターンから自動選択

💰 How it could earn

生成した図形ジェネレーターをGumroadやBoothで月額制プラグインとして販売(3000~5000円/月)。または記事のテンプレート集とセットで有料ノート(Notionテンプレート)として売却

Idea 2

SaaS企業のマーケティング担当者

The problem

プロダクトの機能説明資料やオンボーディング動画に図が必要だが、デザイナーは別チームで依頼から納期まで2週間かかり、急なUIリニューアルに対応できない

The approach

このリポの『architecture』『IT current-state』『data model』といった38種類のタイプから、ChatGPTプロンプトで自社のデザイン仕様(カラー・フォント)を学習させたカスタムスキルを社内で構築。自社独自のビジュアル統一感を保ちながら図を即座に生成

💰 How it could earn

このカスタマイズスキルを受託制作で、SaaS企業向けに1件50~100万円で販売。または社内向けツール提供として年間保守費として契約

Idea 3

大学講師・オンライン教育プラットフォーム運営者

The problem

プログラミングやシステム設計の講座を月2~3本配信するが、ERモデルやUML図、流れ図など、毎回教科書を参考に手書きまたはツールで作り直すのに数時間を費やしている

The approach

このリポの『ER / data model』『UML class』『flowchart』『sequence diagram』といった教育用9タイプの図形を使って、Claude Codeで『この講座に必要な図一式を自動生成』と指示。SVG形式で高品質な図をバッチ生成し、講義スライドに貼り込み。オプションで『optional accessible motion』を有効化して、説明時の段階的アニメーション表示も可能

💰 How it could earn

図の自動生成を含むコース制作の受託料金を講座1本あたり30~50万円で設定。または生成したテンプレートを教育プラットフォーム向けプリセット集として月額2~3万円でライセンス提供

⑤ Related repositories

Same language: HTML · Shared topics: agent-skillsclaude-codecodexdata-visualizationdiagrams
f/prompts.chat ★171,617

ChatGPTなどのAIから望む回答を引き出すための指示文を共有・保存できるサイト

HTML chatgptaiartificial-intelligence

🔗 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 20 Aug 2026, 05:43:00 · observation window 2026-08-19-0 (UTC) · summarised 22d ago