skills.rest
fefogarcia
fefogarciaCOMMUNITY
Explore all skills by this author →
GitHub

c4-architecture

Generate C4 model diagrams in Mermaid syntax for architecture documentation.

1|Updated Feb 10, 2026
Search Tags:#architecture#documentation#software design#mermaid#c4 model#diagrams
One-click install
npx skills add https://github.com/fefogarcia/approved-skills --skill c4-architecture-fefogarcia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: c4-architecture
Source: https://github.com/fefogarcia/approved-skills/tree/main/skills/c4-architecture
Command: npx skills add https://github.com/fefogarcia/approved-skills --skill c4-architecture-fefogarcia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create clear, standardized architecture documentation using the C4 model, making complex systems understandable to all stakeholders.

Core Features & Use Cases

  • Generate C4 Diagrams: Create Context, Container, Component, and Deployment diagrams.
  • Mermaid Syntax: Utilizes Mermaid for easy diagram generation and integration.
  • Use Case: When asked to document the architecture of a new microservice, use this Skill to generate a Context diagram showing its external interactions and a Container diagram detailing its deployable units.

Quick Start

Use the c4-architecture skill to generate a C4 Context diagram for the 'user-service'.

Frequently Asked Questions about c4-architecture

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

FAQPage Schema
How do I document software architecture using C4 model diagrams in Markdown?▼

Documenting software architecture with C4 model diagrams involves generating Mermaid syntax for Context, Container, Component, and Deployment diagrams to visualize system structure and infrastructure within Markdown.

What is the best way to generate a C4 Context diagram for a microservice?▼

Generating a C4 Context diagram for a microservice is best handled by creating Mermaid syntax that maps external interactions and system boundaries, providing clear architectural communication for all stakeholders.

How does Mermaid syntax work for creating Container and Component diagrams?▼

Mermaid syntax for Container and Component diagrams works by translating technical building blocks and deployable units into text-based diagrams, which can be easily integrated into Markdown documentation for system visualization.

Can I use C4 diagrams to visualize both system structure and deployment infrastructure?▼

Yes, you can use C4 diagrams to visualize both system structure and deployment infrastructure by generating Context diagrams for external interactions and Deployment diagrams for infrastructure mapping using Mermaid syntax.

Do I need specific diagramming tools to create C4 model documentation?▼

You do not need specialized diagramming tools to create C4 model documentation because the approach utilizes Mermaid syntax, allowing you to generate Context, Container, Component, and Deployment diagrams directly within Markdown.

Related Skills

Explore More Software Engineering Skills→
nilecuinilecui
27

architecture-diagrams

Generate system architecture diagrams using Mermaid and PlantUML syntax.

Community
Intermediate
TacuchiTacuchi

diagrams

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

Community
Advanced
majesticlabs-devmajesticlabs-dev
47

mermaid-builder

Generate syntactically valid Mermaid diagrams for flowcharts, sequence, class, state, Gantt, ER, and data lineage.

Official
Advanced
oto1720oto1720
1

tech-architecture-diagram

Generate Mermaid, HTML, and SVG architecture diagrams from repository structure and dependencies.

Community
Advanced