원클릭으로
system-diagrammer
Generates system architecture diagrams (C4, Sequence) using Mermaid.js.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
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.