c4-architecture

Generate C4 model architecture documentation with Mermaid diagrams at four levels.

1|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/hjemmesidekongen/ai --skill c4-architecture-hjemmesidekongen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: c4-architecture
Source: https://github.com/hjemmesidekongen/ai/tree/main/plugins/kronen/skills/c4-architecture
Command: npx skills add https://github.com/hjemmesidekongen/ai --skill c4-architecture-hjemmesidekongen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you generate clear, hierarchical documentation of your software architecture using the C4 model, making complex systems understandable to all stakeholders.

Core Features & Use Cases

  • Multi-level Diagrams: Creates diagrams for System Context, Container, Component, and Deployment views.
  • Mermaid Syntax: Generates diagrams using standard Mermaid C4 syntax for broad compatibility.
  • Use Case: Documenting a new microservices-based application by first creating a System Context diagram showing its interaction with external services, then detailing individual services with Container and Component diagrams.

Quick Start

Generate a C4 System Context diagram for the 'ecommerce-platform' system.

Frequently Asked Questions about c4-architecture

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

FAQPage Schema
How do I generate Mermaid diagrams for C4 architecture documentation?

You can generate Mermaid diagrams for C4 architecture documentation by creating system context, container, component, and deployment views. This approach uses standard Mermaid C4 syntax to map software topology and system interactions across different abstraction levels.

What is the best way to document a microservices architecture for different stakeholders?

The best way to document microservices architecture for stakeholders is using the C4 model. It creates hierarchical views starting from system context down to component and deployment diagrams, making complex software systems understandable to all audiences.

How do I map deployment topology and system interactions at different abstraction levels?

You map deployment topology and system interactions by generating C4 model deployment diagrams. This process provides hierarchical architecture views that detail how systems interact and are deployed, moving from high-level context down to specific components.

Does C4 architecture documentation work with standard Mermaid syntax for broad compatibility?

Yes, C4 architecture documentation works with standard Mermaid C4 syntax to ensure broad compatibility. This allows you to generate multi-level diagrams, including system context and container views, that render correctly across various markdown and documentation platforms.

When do I need to use the C4 model for system design documentation?

You need to use the C4 model for system design documentation when you want to visualize software architecture at four distinct abstraction levels. It is ideal for creating stakeholder-appropriate views of complex systems and mapping how external services interact with your application.