Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

Commencer

system-diagrammer

Étoiles54

Forks20

Mis à jour13 février 2026 à 01:45

Generates system architecture diagrams (C4, Sequence) using Mermaid.js.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Nhqvu2005

Nhqvu2005/VibeGravityKit

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Architectes de réseaux informatiquesProfessions informatiques et mathématiques·SOC 15-1241

Explorateur de fichiers

3 fichiers

SKILL.md

readonly

name	system-diagrammer
description	Generates system architecture diagrams (C4, Sequence) using Mermaid.js.

System Diagrammer

Purpose

Quickly creates architecture diagrams for PRDs or Tech Specs. Output is Mermaid.js code compatible with GitHub/Notion.

Usage

1. C4 Context Diagram (High-level)

python .agent/skills/system-diagrammer/scripts/diagram.py --type c4 --title "E-commerce System" --nodes "User, Web App, API Gateway, Order Service, Database"

2. Sequence Diagram (Process Flow)

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"

Output

Script returns a ready-to-use mermaid code block.

Plus depuis ce dépôt

même dépôt

readme-generator

Nhqvu2005/VibeGravityKit

Auto-generate concise, visually stunning README.md with project auto-scanning, badges, and 3 style modes.

2026-02-1654

test-generator

Nhqvu2005/VibeGravityKit

Generate unit/integration tests with smart edge case analysis (Zero Token Skeleton + Smart Mode).

2026-02-1554

team-manager

Nhqvu2005/VibeGravityKit

Persistent team profiles — carry your coding style, rules, and bug-fix knowledge across projects. 3-tier memory (Hot/Warm/Cold) with TF-IDF search.

2026-02-1554

deployment-wizard

Nhqvu2005/VibeGravityKit

Deploy local websites to the internet instantly via Cloudflare Tunnel. Zero hosting, zero domain needed.

2026-02-1454

tech-stack-advisor

Nhqvu2005/VibeGravityKit

Suggests suitable tech stack based on project requirements using local database.

2026-02-1354

market-trend-analyst

Nhqvu2005/VibeGravityKit

Analyzes market trends, hot features, and user expectations.

2026-02-1354

name	system-diagrammer
description	Generates system architecture diagrams (C4, Sequence) using Mermaid.js.

System Diagrammer

Purpose

Quickly creates architecture diagrams for PRDs or Tech Specs. Output is Mermaid.js code compatible with GitHub/Notion.

Usage

1. C4 Context Diagram (High-level)

python .agent/skills/system-diagrammer/scripts/diagram.py --type c4 --title "E-commerce System" --nodes "User, Web App, API Gateway, Order Service, Database"

2. Sequence Diagram (Process Flow)

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"

Output

Script returns a ready-to-use mermaid code block.