Skills
.Work. You
Rest

system-diagrammer

Community

Generate architecture diagrams.

Software Engineering#architecture#documentation#diagrams#sequence diagram#c4#mermaid.js
AuthorNhqvu2005
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of system architecture diagrams, making it easier to visualize and communicate complex system designs.

Core Features & Use Cases

  • C4 Diagrams: Generate high-level context diagrams to show how a system fits into its environment.
  • Sequence Diagrams: Visualize the flow of interactions between different components or actors over time.
  • Use Case: Quickly generate a C4 context diagram for a new project proposal or a sequence diagram illustrating a critical user authentication flow.

Quick Start

Generate a C4 context diagram for an e-commerce system with nodes User, Web App, API Gateway, Order Service, and Database.

Dependency Matrix

Required Modules

mermaid.js

Components

scriptsdata

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: system-diagrammer
Download link: https://github.com/Nhqvu2005/VibeGravityKit/archive/main.zip#system-diagrammer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.