#2 · ⚡24h jump · 🔥 (Rising) · 🔥3 days running+3,429★ · 5 months old

Claude Code向け38種類の編集品質ダイアグラムテンプレート集

HTML Difficulty: Intermediate 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?

7日間で7067★増、4月公開後5ヶ月で集中急増。

2026年4月16日の公開から5ヶ月経った9月に、わずか7日間(9月2日から9月9日)で7067★が増加し、24時間単位でも1839★に達しました。READMEが示す38種類の図表タイプと、Claude Code・Codex・Agent Skills 対応という機能セットが、AI ツール開発者の需要に合致したと考えられます。Hacker News や Reddit などの取得対象外媒体での言及があったかどうかは確認できていません。

Evidence: 7日で+7067★(9月2日→9月9日)24時間+1839★(9月9日直近)公開から約5ヶ月で36515★到達
🕰️ Earlier mentions (1) — from before this surge

② What is it? (in three lines)

Claude Codeなどの AI エージェントで、アーキテクチャ図やフローチャート、データモデルなど 38 種類の図表を自動生成できるツール。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,839★
24h growth
+4.5%
Last push
1d ago
6 Sept 8 Sept 10 Sept (detected)
+6,246★ over these 4 days(30,264 → 36,510)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,839★
24h growth: +4.5%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
10 Sept Surge detected
1d ago Last push
👤 Who it suits

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

Idea 1

スタートアップの事業企画者が定期的に資料作成を担当する場合

The problem

毎月の投資家向けピッチデック作成で、アーキテクチャ図やロードマップ図に 3 時間以上かかり、デザイナーに発注すると 1 枚数万円の費用と日数がかかる

The approach

Claude Code に diagram-design のスキルを組み込み、PowerPoint 記述をコピペするだけで architecture や timeline などの 38 種類から選んだ図表を自動生成。draw.io や Mermaid 形式の入力も対応させ、既存資料との統一性を保つ

💰 How it could earn

生成した図表テンプレートと生成手順をノーコード向けの有料 note 記事(1500〜2500円)として販売。または生成スクリプトを GitHub 上で無料公開しつつ、企業向けカスタマイズ受託(図表カラー・レイアウト調整、5万〜10万円/案件)で収益化

Idea 2

デジタル教材・オンライン講座を展開する教育コンテンツ作成者

The problem

講座内で流れ図や状態遷移図などを毎週 2〜3 枚作成するが、Figma やロウツールは操作が複雑で、毎回手作業に 1 時間かかり、講座更新の障害になっている

The approach

diagram-design の 39 種類から state machine や sequence などを Claude に指示で自動生成。semantic system patterns を活用して説明の意図に応じた図表パターンを動的に選択。HTML 出力のため zoom 対応や PDF 変換も簡単に実装

💰 How it could earn

教材向けテンプレート集(複数の講座タイプごとに最適な図表タイプ 10 パターン)を月額 980 円の動画講座として販売。または Udemy 講座内で図表自動生成の実装例を販売(単価 2400 円以上)

Idea 3

受託開発企業がクライアント向けシステム設計書を外注する案件を多く手がける場合

The problem

設計書に ER 図や dependency graph を 10 枚以上含めるが、Mermaid のレンダリング品質が低く、draw.io は毎回ファイル管理が煩雑。クライアント納品までに微調整が何度も入り、図表修正だけで 4〜5 日かかることが月 1〜2 回ある

The approach

diagram-design で draw.io や Mermaid 形式の入力を editorial quality な HTML + SVG に変換。UML class diagram や database schema などの技術図表を自動レイアウト。クライアント納品用に minimal dark / full-editorial の 3 パターンを自動出力し、修正時は元データを再処理するだけで全図表を同時更新

💰 How it could earn

社内ツール化後、設計書作成コストを 30% 削減分を客単価に転嫁(受託案件 1 件あたり +5 万円の追加利益)。または図表変換エンジンを SaaS 化し、設計書作成支援ツール(月額 4900 円、年払い割引あり)として独立販売

⑤ 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 10 Sept 2026, 07:37:57 · observation window 2026-09-09-0 (UTC) · summarised 20d ago