#8 · ⚡24h jump · 🔥 (Rising) · 🔥2 days running+1,540★ · 5 months old

Claude Code向け39種類の編集用図解テンプレート集

HTML Difficulty: Beginner 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?

8日で+3585★、図解の品質課題をClaudeスキルで即座に解決

2026年8月28日の28057★から9月5日の31642★へ、8日間で3585スター増加した急成長。READMEが示す39種類の図解タイプと複数レイアウト文法(2.5.10版で10種類追加)が、クリエイターや技術ドキュメント作成者が直面する「30分のFigma作業を削減できるツール」として機能している。公開から約5か月での累計31761スターは、Claude Codeスキルのエコシステムにおいて実用性の高い拡張機能として認識されていることを示唆する。

Evidence: 2026-08-28から2026-09-05で+3585★公開から約5か月で累計31761★READMEに記載の39種類+10種類の新レイアウト

② What is it? (in three lines)

アーキテクチャ図やフローチャートなど、デザイナーレベルの図解を Claude Code で自動生成できるツール。HTML+SVG の自己完結型で、影やMermaidの汎用デザインを避けた編集品質の図を提供。ブランドカラーに60秒で合わせられる。

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
+821★
24h growth
+2.0%
Last push
1d ago
29 Aug 1 Sept 4 Sept (detected)
+2,207★ over these 6 days(28,057 → 30,264)
Detector: ⚡ 24-hour jump
Gain in 24h: +821★
24h growth: +2.0%
Detected from the change against the same hour the previous day
The repository's history
17 Apr 2026 Repository created
4 Sept Surge detected
1d ago Last push
👤 Who it suits

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

Idea 1

SaaS企業のドキュメント担当者

The problem

毎月10件以上の機能説明資料でアーキテクチャ図が必要だが、デザイナーに依頼すると1枚2日待つし、自分で作るとFigmaで1時間かかる

The approach

このリポの39種類の図解タイプを Claude Code スキルとして統合し、機能説明の自動生成ワークフローに組み込む。社のブランドカラーを初回セットアップで読み込ませれば、プロンプトから60秒で完成図が得られる。draw.io 形式での出力にも対応しているため、細調整が必要な場合も対応可能。

💰 How it could earn

月額5000円で、SaaS企業の社内ドキュメント生成AI代行サービスを提供。毎月のドキュメント作成に要するコストと時間を削減する効率化プランとして販売する。

Idea 2

フリーランスの技術ライター

The problem

クライアント企業の依頼で月15本のシステム解説記事を書く際、毎回ステートマシン図やER図の素案作りに2時間費やしている

The approach

記事の構成案をプロンプトで Claude Code に渡し、このリポの semantic system patterns とレイアウト文法を使って、自動生成した図解を記事に挿入。UML class 図や dependency graph のような複雑な図も「既存タイプを組み合わせる」ことで対応し、新たなタイプを追加しない設計を活用できる。

💰 How it could earn

クライアント向けの記事単価を10%上げ、図解作成の時間削減を利益増に転化。または、記事+図解セット業務を別契約化し、図解作成にかかった時間を別途請求する。

Idea 3

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

The problem

プログラミングやシステム設計の講座で毎週ユーザー体験フロー図やアーキテクチャ図が必要だが、テンプレートがなく毎回デザイン要素から考えている

The approach

このリポの39種類の図解タイプから user journey、deployment、story map などの教育向け図解を選び、Claude Code スキルで教材のプロンプトから自動生成。静止画がデフォルト、オプションで ordered explanations の motion も付けられるため、ライブ講座と録画教材の両方で品質を統一できる。

💰 How it could earn

教材セット(動画+図解テンプレート活用ガイド)を講座受講者向けに月額2000円の追加教材として販売。または、図解自動生成ツールを学習プラットフォームの有料機能として組み込み、ユーザー生成コンテンツの品質向上支援で人気講座を増やす。

⑤ 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 4 Sept 2026, 07:39:31 · observation window 2026-09-03-0 (UTC) · summarised 24d ago