#6 · ⚡24h jump · 🔥 (Rising) · 🔥2 days running+1,590★ · 5 months old

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

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日で+3072★、Claude Code/Codex対応スキル集の新規性

2026年8月29日の28570★から9月5日の31642★へ、7日間で3072★増加しました。本リポはClaude CodeやCodexで生成できる39種類のダイアグラムテンプレートを提供するもので、2.0以降で「Loop」などの新パターンやレイアウト文法を逐次追加されており、AIエージェント向けスキル集の需要が拡大している背景が考えられます。一方、Hacker Newsでの言及は検知期間では見つかっておらず、主な増加要因は外部メディアの取得対象外にある可能性があります。

Evidence: 7日間で+3072★(8月29日28570→9月5日31642)39種類ダイアグラム、HTML+SVVで自己完結Hacker Newsでの言及は検知期間で未検出

② What is it? (in three lines)

Claude CodeやCodexで図表を生成する際に使える、デザイナー品質のダイアグラムテンプレート集です。アーキテクチャ図からワークフロー図まで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
+769★
24h growth
+1.8%
Last push
1d ago
31 Aug 3 Sept 6 Sept (detected)
+2,860★ over these 6 days(28,782 → 31,642)
Detector: ⚡ 24-hour jump
Gain in 24h: +769★
24h growth: +1.8%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
6 Sept Surge detected
1d ago Last push
👤 Who it suits

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

Idea 1

SaaS企業の営業資料作成者

The problem

毎月10枚以上のアーキテクチャ図やデータフロー図をPowerPointで手作りしており、デザイナーへの依頼が毎回3日かかっている

The approach

このリポの39種類のダイアグラムテンプレートをClaude Codeのスキルとして登録し、営業資料生成時にシステム構成図やインテグレーション図を自動生成することで、デザイン調整時間を30分に短縮できます

💰 How it could earn

テンプレートの企業カスタマイズ版(ロゴ・配色自動反映)を月額980円で提供するSaaS化、または導入支援コンサルを時給5000円で受託する

Idea 2

技術出版社の編集者

The problem

IT技術書の執筆者から提出されるシーケンス図やER図の品質がばらばらで、毎回Figmaで作り直すのに1図あたり2時間かかっている

The approach

執筆者にこのリポのHTML+SVGテンプレートを渡し、Claude Codeで図を生成・修正させることで、編集段階での図の統一性を保ちながら作業時間を1/3に削減できます

💰 How it could earn

出版社向けの「図版管理ガイドライン」資料(テンプレート解説付き)を1社あたり50万円で販売する

Idea 3

フリーランスデータ分析コンサルタント

The problem

クライアント企業のレガシーシステム整理提案を月2件受けるが、IT現状図を手作りするのに3日かかり、提案資料作成が全体の2割の時間を占めている

The approach

このリポの「IT current-state」ダイアグラムテンプレートと「dependency graph」を使い、Claude Codeにクライアントのシステム一覧を読み込ませて自動生成・レイアウト調整させることで、図作成を2時間で完了できます

💰 How it could earn

IT資産台帳からビジュアル図への自動変換ツールを副業で開発し、コンサル会社向けに1ライセンス月額3000円で提供する

⑤ 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 6 Sept 2026, 07:09:54 · observation window 2026-09-05-0 (UTC) · summarised 24d ago