#6 · ⚡24h急増 · 🔥 (伸び中) · 🔥2日バズ中+1,590★ · 公開5ヶ月

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

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

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

① なぜ急増したか?

7日で+3072★、Claude Code/Codex対応スキル集の新規性

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

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

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

Claude CodeやCodexで図表を生成する際に使える、デザイナー品質のダイアグラムテンプレート集です。アーキテクチャ図からワークフロー図まで39種類がHTML+SVGで自己完結します。ビルド不要で、ブラウザで直接開けます。

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
+769★
24h増加率
+1.8%
最終push
1日前
8/31 9/3 9/6(検知)
この6日で +2,860★(28,782 → 31,642)
検知方式: ⚡24h跳ね検知
24h増加: +769★
24h増加率: +1.8%
前日の同時刻との累計差で検知しています
リポジトリの歩み
2026/4/17 リポジトリ誕生
9/6 急増を検知
1日前 最終push
👤 こんな人におすすめ

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

案 1

SaaS企業の営業資料作成者

悩み

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

解決アプローチ

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

💰 収益化モデル

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

案 2

技術出版社の編集者

悩み

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

解決アプローチ

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

💰 収益化モデル

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

案 3

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

悩み

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

解決アプローチ

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

💰 収益化モデル

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

⑤ 関連リポジトリ

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

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

HTML chatgptaiartificial-intelligence

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

🔔 続きを受け取る

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

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

検知時刻: 2026/9/6 7:09:54 · 観測ウィンドウ: 2026-09-05-0 (UTC) · 要約生成: 24日前