#24 · ⚡24h jump · 🔥 (Rising) · 🔥2 days running+2,382★ · 6 months old

AI エージェント向け図解自動生成スキル

HTML Difficulty: Intermediate Agent add-onsDesign & UI 🆓No extra cost

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

① What is it? (in three lines)

Claude Code や Cursor などの AI エージェントに組み込むと、プロンプトから編集可能な HTML + SVG 形式の図解を自動生成できるツール。45 種類の図解テンプレートを備え、会社のブランドに合わせたカスタマイズが可能です。Mermaid 等の代わりに、デザイナーも納得できる仕上がりを目指しています。

Read the original GitHub description

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

② Why did it surge?

7日で+4140★、きっかけは未確認。エージェント拡張スキル市場の成長に乗った。

急増のきっかけは確認されていません。背景として、リポジトリは 2026 年 4 月公開から 6 か月で 60028 スターに達しており、公開から間もない時期が急増局面と推察されます。READMEで Claude Code・Cursor・Codex など複数の主流エージェントプラットフォーム対応を明記し、skills.sh でのインストール数も表示していることから、エージェント向けスキル市場全体の拡大に対応した需要増が関係している可能性があります。直近 7 日間の平均スター増加率は 1 日あたり約 591 スターで、24 時間での +1061 スターはこの傾向が加速した状態を示しています。

Evidence: 直近7日で +4140★(2026-10-15→10-22)過去24時間 +1061★(2026-10-22検知)公開6か月で累計60028★到達
🕰️ Earlier mentions (2) — from before this surge
👤 Who it suits

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

Idea 1

SaaS 企業のプロダクト責任者

The problem

アーキテクチャ図が毎回エンジニアとデザイナーの議論で 3 日かかり、ドキュメント更新が 2 週間遅延する。

The approach

Claude Code をアーキテクチャ設計用スキルとして組み込み、diagram-design の 45 種類テンプレートから自社ブランドに合った図を自動選択・生成。HTML ファイルをそのままドキュメントに埋め込んで常に最新化。

💰 How it could earn

ドキュメント自動生成コンサル、または企業向けのカスタム diagram-design スキル改造を受託。月額 5 万~20 万円の保守契約。

Idea 2

コンテンツマーケター・企画職

The problem

毎月のブログ記事や提案資料に必要な図解を外注するたびに 3 万~5 万円かかり、納期も 1 週間必要。

The approach

Cursor で diagram-design スキルをインストールし、文章からプロンプトで図解を自動生成。45 種類の図の中から、流れ図・比較表・ラダーなど企画の意図に合わせた図式を秒単位で選択・出力。

💰 How it could earn

記事制作の効率化で受託単価を 20% 引き上げたり、図解付きのテンプレート集を起業家向けに月額 2000 円で販売。

Idea 3

技術書の著者・執筆者

The problem

書籍のアーキテクチャ図や手順図が古い編集ツールに依存し、原稿修正のたびに図の再作成に 1~2 時間かかる。

The approach

Claude Code にこのリポのスキルを統合して、章構成を Markdown で書きながら必要な図を同じプロンプトで自動生成。SVG 形式で出力して出版社に提出。

💰 How it could earn

技術書執筆代行サービスで納期短縮分を時給に転換(従来は 4 時間かかった図解作成が 30 分に短縮)、または出版社向けの「図解自動化テンプレート」を 50 万円で販売。

④ Total stars over time (last 7 days, one point per day)

Total stars
★60,028
Last 24h
+1,061★
24h growth
+1.8%
Last push
1d ago
19 Oct 21 Oct 23 Oct (detected)
+3,614★ over these 4 days(56,413 → 60,027)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,061★
24h growth: +1.8%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
23 Oct Surge detected
1d ago Last push
GitHub topics: #agent-skills#claude-code#codex#data-visualization#diagrams#drawio#mermaid#svg

⑤ Related repositories

Same language: HTML · Shared topics: agent-skillsclaude-codecodexdata-visualizationdiagrams
morluto/rea ★365,972

AIを使ってアプリの動作やプログラムを分析して仕組みを解き明かす

TypeScript ai-agentsbinary-analysiscli ⚡ Explained here GitHub ↗
affaan-m/ECC ★286,504

Claude CodeなどのAI開発ツールの性能を向上させるエージェント最適化システム

JavaScript ai-agentsanthropicclaude ⚡ Explained here GitHub ↗

Claude CodeなどのAI開発ツールをより賢く効率的に動かすための最適化システムです

JavaScript ai-agentsanthropicclaude ⚡ Explained here GitHub ↗

AIエージェントが実行できる様々なスキルや機能を管理する公開リポジトリ

Python agent-skills ⚡ Explained here GitHub ↗

🔗 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 23 Oct 2026, 08:25:49 · observation window 2026-10-22-0 (UTC) · summarised 2h ago