メニュー
Generates system architecture diagrams (C4, Sequence) using Mermaid.js.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Auto-generate concise, visually stunning README.md with project auto-scanning, badges, and 3 style modes.
Generate unit/integration tests with smart edge case analysis (Zero Token Skeleton + Smart Mode).
Persistent team profiles — carry your coding style, rules, and bug-fix knowledge across projects. 3-tier memory (Hot/Warm/Cold) with TF-IDF search.
Deploy local websites to the internet instantly via Cloudflare Tunnel. Zero hosting, zero domain needed.
Suggests suitable tech stack based on project requirements using local database.
Analyzes market trends, hot features, and user expectations.
| name | system-diagrammer |
| description | Generates system architecture diagrams (C4, Sequence) using Mermaid.js. |
Quickly creates architecture diagrams for PRDs or Tech Specs. Output is Mermaid.js code compatible with GitHub/Notion.
python .agent/skills/system-diagrammer/scripts/diagram.py --type c4 --title "E-commerce System" --nodes "User, Web App, API Gateway, Order Service, Database"
Use format A->B:Message.
python .agent/skills/system-diagrammer/scripts/diagram.py --type sequence --title "Login Flow" --steps "User->Web:Click Login, Web->API:POST /login, API->DB:Validate User, DB->API:User Found, API->Web:Return Token"
Script returns a ready-to-use mermaid code block.