#12 · ⚡24h jump · 🔥 (Rising) · 4 months old

Claude Codeで編集品質の図解を生成する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?

14日間で+5945★、公開4ヶ月での大幅伸長

2026年8月21日から9月4日の14日間で5945スター増加し、24時間単位でも719スター獲得するなど、公開から約4ヶ月を経た後期に急速に成長しています。READMEが示す39種類の図解タイプと、draw.ioやMermaidの変換対応、アクセシブルなアニメーション機能など、Claude Code スキルとして実践的な機能セットが用意されているのが増加を支える基盤と考えられます。Hacker News への投稿は検知されていますが注目を集めた実績は確認できていないため、外部での言及拡大の詳細は現在取得範囲外です。

Evidence: 14日間で+5945★(2026-08-21~09-04)24時間で+719★(2026-08-28検知時)公開日2026-04-16から約4ヶ月経過

② What is it? (in three lines)

Claude Codeやエージェントで使える図解作成スキルです。39種類の図表テンプレートがHTML+SVGで提供され、Figmaのような手作業なしに数秒で品質の高い図が生成できます。建築図からフローチャート、Sankey図まで対応しています。

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
+719★
24h growth
+1.7%
Last push
1d ago
23 Aug 25 Aug 28 Aug (detected)
+2,638★ over these 5 days(25,419 → 28,057)
Detector: ⚡ 24-hour jump
Gain in 24h: +719★
24h growth: +1.7%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
28 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での図作成に1本あたり1時間以上かかっている

The approach

このリポの39種類のテンプレート(Architecture、Sequence、ER図など)を組み込んだ記事生成サービスを構築し、編集者がMarkdownで図の内容を書き込むだけでHTML+SVG図を自動挿入する仕組みを提供する

💰 How it could earn

月額4,980円でテンプレート全39種類と月50回までの生成を提供、超過分は従量課金(1回50円)とするサブスク型SaaS

Idea 2

エンジニアリング部門を持つベンチャーのテックリード

The problem

新人オンボーディング時にシステムアーキテクチャを説明する際、毎回Mermaidコードを手書きしており、トレーニング資料の更新が追いつかない

The approach

このリポの『draw.ioやMermaid形式を選んだ形式・サイズ・詳細度で変換』機能を活用し、既存のシステム図をMermaid→SVGに一括変換、さらに『semantic system patterns』で統一感のある図を自動生成する内製ツールを構築する

💰 How it could earn

社内向けツール化して他企業への提供は行わず、顧客企業のテック人材育成研修として法人向けパッケージ化し、研修実施料として1回あたり15万円の受託開発モデル

Idea 3

法務・コンプライアンス部門のマネージャー

The problem

データ保護規制(GDPR、個保法)の社内説明資料を毎年改訂する際、信頼フローや依存関係図の作成に外部デザイナー依頼が必要で、修正に2週間かかっている

The approach

このリポの『trust boundary』や『dependency graph』テンプレートを使い、規制フロー図の自動生成プラットフォームを開発。JSON形式で部門別の権限フローを入力するだけで、『minimal light・minimal dark・full-editorial』の3形式で図を出力する

💰 How it could earn

大手企業のコンプライアンス部門向けに、年契約25万円で最大5部門・月20回までの図生成権とサポートを提供する企業向けライセンス制

⑤ 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 28 Aug 2026, 13:28:36 · observation window 2026-08-28-0 (UTC) · summarised 24d ago