skills.rest
wesleyosantos91
wesleyosantos91COMMUNITY
Explore all skills by this author →
GitHub

c4-model

Generate C4 architecture diagrams using Structurizr DSL and Mermaid.

6|1|Updated Mar 30, 2026
Search Tags:#mermaid#c4 model#architecture documentation#system context#container diagrams#structurizr dsl#component diagrams
One-click install
npx skills add https://github.com/wesleyosantos91/multi-agents --skill c4-model-wesleyosantos91
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: c4-model
Source: https://github.com/wesleyosantos91/multi-agents/tree/main/devin/.devin/skills/c4-model
Command: npx skills add https://github.com/wesleyosantos91/multi-agents --skill c4-model-wesleyosantos91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

C4 Model helps you document and communicate system architecture at the right level of abstraction, avoiding diagrams that are either too vague or too implementation-heavy.

Core Features & Use Cases

  • Multi-level architectural diagrams: Produce Context, Container, Component, and Code views to match audience and timing.
  • Diagram-generation formats: Create diagrams using Structurizr DSL and Mermaid (with guidance for PlantUML/draw.io-style outputs as needed).
  • Practical governance rules: Apply naming and anti-pattern guidelines (e.g., keep diagrams under ~20 elements, don’t mix levels) so documentation stays maintainable.
  • Use Case: When planning an order-processing system, generate a Context diagram first, then refine into Container and Component views as modules and integrations become clearer.

Quick Start

Use the c4-model skill to generate a System Context and Container diagram for an “Order System” with external Payment and Email integrations using Structurizr DSL or Mermaid.

Frequently Asked Questions about c4-model

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate C4 architecture diagrams using Structurizr DSL and Mermaid?▼

Generate C4 architecture diagrams by defining system structure in Structurizr DSL or Mermaid syntax. The output provides Context, Container, Component, and Code views to document software architecture for business, dev, and ops stakeholders.

What is the best way to document system context and container diagrams for onboarding?▼

Document system context and container diagrams using the C4 model to provide the right level of abstraction. Start with a Context view, then refine into Container and Component diagrams as modules and integrations become clearer.

Can I use Mermaid to create component diagrams for architecture reviews?▼

Yes, you can use Mermaid to create component diagrams for architecture reviews. The C4 model generates component views using Mermaid and Structurizr DSL, enforcing naming and scope rules to keep diagrams consistent.

How many elements should a C4 model diagram contain to stay maintainable?▼

A C4 model diagram should contain under 20 elements to stay maintainable. Applying governance rules like limiting elements and avoiding mixing levels ensures architecture documentation remains consistent and readable.

Does the C4 model work with PlantUML or draw.io style outputs?▼

Yes, the C4 model works with PlantUML and draw.io style outputs. While primarily generating diagrams using Structurizr DSL and Mermaid, it provides guidance for PlantUML and draw.io style outputs as needed.

Related Skills

Explore More Software Engineering Skills→
shafibabarshafibabar
1

system-context-diagram

Creates a C4 Level 1 System Context Diagram identifying human actors and external system dependencies.

Community
Intermediate
TacuchiTacuchi

diagrams

Generate architecture diagrams from system models using C4, Structurizr DSL, Mermaid, and PlantUML.

Community
Advanced
channgchanng
20

docsify

Generate static documentation websites from markdown files with sidebar navigation.

Community
Basic
VSF-QC-TTSVSF-QC-TTS

common-architecture-diagramming

Standardize architecture diagrams using C4 and UML models with Mermaid syntax.

Official
Intermediate