#3 · ⚡24h急増 · 🔥 (伸び中) · 🔥5日バズ中+9,232★ · 公開4ヶ月

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

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

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

① なぜ急増したか?

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種類の豊富な図表タイプが、継続的なユーザーの関心を引きつけている可能性がある。

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

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

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

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

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

案 1

テックブログ運営者

悩み

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

解決アプローチ

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

💰 収益化モデル

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

案 2

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

悩み

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

解決アプローチ

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

💰 収益化モデル

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

案 3

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

悩み

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

解決アプローチ

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

💰 収益化モデル

講座制作代行サービスを既存より3割高い料金で受注。自動図表生成により品質向上と納期短縮を実現し、月2〜3件の追加案件を獲得

⑤ 関連リポジトリ

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

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

HTML chatgptaiartificial-intelligence

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

🔔 続きを受け取る

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

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

検知時刻: 2026/8/21 5:43:10 · 観測ウィンドウ: 2026-08-20-0 (UTC) · 要約生成: 22日前