بنقرة واحدة
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.