#3 · ⚡24h jump · 🔥 (Rising) · 🔥5 days running+9,232★ · 4 months old

Claude Code向けの高品質編集図表テンプレート集

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?

13日間で13000★超増加、公開4ヶ月で33500★到達

2026年8月13日から8月26日の13日間で累計スターが14057★から27338★へと13281★増加し、直近24時間でも1013★が追加されるなど、急速な成長を続けている。公開から約4ヶ月で33501★に達した背景には、Claude Code・Codex・Agent Skillsといった生成系AIツールの急速な普及に合わせて、プロンプトでの図表生成を高品質化するための実用的なスキルが求められていることが考えられる。外部の言及状況については詳細なデータが取得されていないが、READMEに記載された複数バージョン更新と39種類の豊富な図表タイプが、継続的なユーザーの関心を引きつけている可能性がある。

Evidence: 13日で+13281★(8/13→8/26)直近24時間で+1013★公開後4ヶ月で33501★到達

② What is it? (in three lines)

Claude CodeやCodexで使える39種類の図表テンプレートです。HTMLとSVGで自己完結しており、ブラウザで直接開けます。Figmaなしで、ブランドに合わせた図を60秒で生成できます。

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,013★
24h growth
+2.4%
Last push
1d ago
15 Aug 18 Aug 21 Aug (detected)
+7,159★ over these 6 days(17,055 → 24,214)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,013★
24h growth: +2.4%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
21 Aug Surge detected
1d ago Last push
👤 Who it suits

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

Idea 1

テックブログ運営者

The problem

毎月10〜15本の技術記事を書くとき、各記事に図表が必要だが、毎回Figmaで手作業するのに1時間以上かかる

The approach

このリポのeditor diagram typesのうちarchitecture・sequence・state machineなど8〜10パターンを、Claude Codeプロンプトに組み込む。記事の要件を説明するだけでHTML図表が生成でき、ブログに直接埋め込める

💰 How it could earn

図表自動生成を含む技術記事代行サービスを月額3万円程度で提供。通常より納期を30%短縮できることを売り文句にする

Idea 2

データ分析を受託する個人事業主

The problem

クライアント企業への報告書作成時に、データフローやER図・dependency graphの手描きに4〜5時間要する

The approach

このリポのdata model・deployment・dependency graph対応の図表テンプレートをAgent Skillsで実装。クライアント資料の要求仕様をテキストで渡すだけで、Wardley map・kanban・database schemaなど複数フォーマットで自動生成できる

💰 How it could earn

受託分析プロジェクトの報告書作成費用を従来の15万円から10万円に値下げし受注数を増やす、または図表自動生成スキルだけを月額5000円のツール利用料で販売

Idea 3

教育プラットフォームの講師

The problem

プログラミング教材を毎週3コース分制作するとき、アルゴリズムのフローチャート・state machine・story mapを毎回手作業で用意する手間が月15時間超かかる

The approach

このリポのminimal light・minimal darkの2種類の静的出力フォーマットを組み合わせて、講座のテーマに合わせたビジュアルスタイルを統一。Claude Codeのskillで講義内容を入力するだけで、flowchart・UML class diagram・timeline等を一括生成し、教材に埋め込む

💰 How it could earn

講座制作代行サービスを既存より3割高い料金で受注。自動図表生成により品質向上と納期短縮を実現し、月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 21 Aug 2026, 05:43:10 · observation window 2026-08-20-0 (UTC) · summarised 22d ago