#12 · ⚡24h急増 · 🔥 (伸び中) · 公開4ヶ月

Claude Codeで編集品質の図解を生成するHTMLスキル集

HTML 難易度: 中級 エージェント拡張デザイン・UI 🆓追加費用なし
GitHub topics: #agent-skills#claude-code#codex#data-visualization#diagrams#drawio#mermaid#svg

「3行でいうと」「なぜ急増したか」「応用アイデア」は AI が自動生成した要約です。事実と異なる内容を含むことがあります。判断の前に必ず GitHub の原文をご確認ください。 利用規約

① なぜ急増したか?

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

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

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

② これは何?(3行でいうと)

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

GitHub原文の説明を見る

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

③ 累計スターの推移(直近7日・1日1点)

累計スター
★42,776
直近24h
+719★
24h増加率
+1.7%
最終push
1日前
8/23 8/25 8/28(検知)
この5日で +2,638★(25,419 → 28,057)
検知方式: ⚡24h跳ね検知
24h増加: +719★
24h増加率: +1.7%
前日の同時刻との累計差で検知しています
リポジトリの歩み
2026/4/17 リポジトリ誕生
8/28 急増を検知
1日前 最終push
👤 こんな人におすすめ

④ 副業エンジニア向け応用アイデア3案

案 1

月刊誌や業界メディアの編集者

悩み

複雑な技術トピック(クラウドアーキテクチャ、データフロー)を毎月10本記事化する際、Figmaでの図作成に1本あたり1時間以上かかっている

解決アプローチ

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

💰 収益化モデル

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

案 2

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

悩み

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

解決アプローチ

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

💰 収益化モデル

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

案 3

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

悩み

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

解決アプローチ

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

💰 収益化モデル

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

⑤ 関連リポジトリ

同言語: HTML · 共通トピック: agent-skillsclaude-codecodexdata-visualizationdiagrams
f/prompts.chat ★171,617

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

HTML chatgptaiartificial-intelligence

🔗 関連するまとめ・同じ日の急上昇

🔔 続きを受け取る

急に伸びたAIリポジトリの日本語まとめ(応用アイデアつき)を、サイトを開かなくても受け取れます(毎朝1回更新)。 メールアドレスの登録は要りません。

RSS とは: 新着だけが自分の読む場所(Feedly などの購読アプリ・Slack・n8n)に自動で届く仕組みです。上の URL をコピーして貼るだけで、登録も費用もかかりません。

検知時刻: 2026/8/28 13:28:36 · 観測ウィンドウ: 2026-08-28-0 (UTC) · 要約生成: 24日前