#2 · ⚡24h jump · 🔥 (Rising) · 🔥4 days running+5,221★ · 5 months old

テキストをインタラクティブなシステム図に変換するNode.jsツール

JavaScript 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

① Why did it surge?

7日間で1万スター超、AI エージェント向けスキルの需要拡大

2026年9月4日から11日の7日間で +10515★ を獲得し、直近24時間でも +1173★ と伸びが加速している。Cursor や Claude Code などの AI エージェント上で動作する「Agent Skill」として位置づけられており、複数の AI チャットツール対応、Dark/Light テーマ対応、五種類の図形式(Architecture、Workflow、Sequence、Data-flow、Lifecycle)をサポートしている点が、開発者向けの需要に合致した。公開から5か月で累計 58495★ に達しており、この時期の AI エージェント生態系の急速な拡大を反映している。

Evidence: 7日で +10515★、直近24時間で +1173★公開5か月で累計 58495★Cursor・Claude Code・Codex CLI 対応
📰 Where it was mentioned (1)

② What is it? (in three lines)

Cursor や Claude Code といった AI エージェント上で、システムやワークフローの説明文から美しい図を自動生成します。生成された図は HTML/SVG で独立した形で保存でき、複数バージョンの差分比較や詳細な経路追跡ができます。Mermaid の代替として、より検証性が高い図を作成できます。

Read the original GitHub description

Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

👤 Who it suits

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

Idea 1

技術雑誌や企業のテック ブログ編集者

The problem

アーキテクチャ解説記事に毎月 10〜20 枚の図が必要だが、Figma や Draw.io での手作業が月 30 時間以上かかっている

The approach

Archify の「Diagram-as-Code」機能を使い、テンプレート化したシステム説明文を Claude に渡して図を一括生成し、Signal Flow、Blueprint など複数プリセットで高速に複数バリエーション出力。生成された HTML/SVG を記事に埋め込み可能な形で提供できる

💰 How it could earn

図生成サービスとして月額制(月3,000〜5,000円)で、企業ブログ向けのカスタムプリセット作成と図レビューサポートを提供

Idea 2

スタートアップの技術責任者

The problem

投資家向けピッチ資料を急いで作成する際、システムアーキテクチャを図化するのに数日かかり、案件獲得までの時間が伸びている

The approach

Archify の「Before/Delta/After」比較機能を使い、現在と提案システムの2つの JSON 記述から差分図を自動生成。Archify のピボット検証機能で、実装可能性を事前に確認した上でピッチ資料に組み込み可能

💰 How it could earn

スタートアップ向けプレステージング資料作成の外注業務として、1案件あたり 2〜5万円の料金で図作成・レビュー・プレゼンテーション最適化を請け負う

Idea 3

エンタープライズシステムの保守・監査を担当する組織

The problem

レガシーシステムの複数モジュール間の連携を可視化する必要があるが、既存ドキュメントが陳腐化しており、最新の正確なデータフロー図が常に不足している

The approach

Archify の「Sequence Diagram」と「Data-flow Diagram」機能で、システム担当者へのヒアリング結果や既存コード解析結果を JSON IR 形式にまとめ、PNG/SVG/WebM で複数形式同時出力。Revision-verified source とのリンク機能で、図とコード双方の信頼性を保証

💰 How it could earn

保守契約の付加サービスとして、年2回の図更新と社内ドキュメント化支援を月額 5〜8万円で提供

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

Total stars
★74,242
Last 24h
+1,173★
24h growth
+1.6%
Last push
22h ago
8 Sept 10 Sept 12 Sept (detected)
+9,159★ over these 4 days(49,336 → 58,495)
Detector: ⚡ 24-hour jump
Gain in 24h: +1,173★
24h growth: +1.6%
Detected from the change against the same hour the previous day
The repository's history
15 Apr 2026 Repository created
12 Sept Surge detected
22h ago Last push
GitHub topics: #architecture-diagram#claude-skill#developer-tools#diagram-as-code#mermaid-alternative#system-design#agent-skills#codex#data-flow-diagram#opencode

⑤ Related repositories

Same language: JavaScript · Shared topics: architecture-diagramclaude-skilldeveloper-toolsdiagram-as-codemermaid-alternative
affaan-m/ECC ★269,635

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 ↗

Java開発者向けにコンピュータの基礎からAI応用開発までを網羅した面接対策ガイド

JavaScript javainterviewredis

AIに最小限の労力で効率的なコードを書かせるためのプログラミング支援ツールです。

JavaScript agent-skillsai-agentsclaude ⚡ 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 12 Sept 2026, 07:38:45 · observation window 2026-09-11-0 (UTC) · summarised 18d ago