What is the C4 model used by this skill?

The C4 model is a lean graphical notation technique for modeling software architecture across four levels of abstraction: System Context, Containers, Components, and Code.

Does this skill work with GitHub and VS Code?

Yes, the skill generates Mermaid syntax within Markdown files, which are natively rendered by GitHub, VS Code, and many other modern development tools.

Which C4 diagram levels are supported?

The skill supports Level 1 (Context), Level 2 (Container), Level 3 (Component), and Level 4 (Deployment), as well as Dynamic diagrams for request flows.

Where does the skill save the architecture files?

Architecture documentation is typically saved to the docs/architecture/ directory with organized filenames like c4-context.md and c4-containers.md.

Can it visualize microservices specifically?

Yes, it includes specific guidelines for modeling microservices based on team ownership and event-driven architectures using Kafka or other message brokers.

C4 Architecture Documentation

Name: C4 Architecture Documentation
Author: Microck

byMicrock

•

Learning & Documentation

Generates comprehensive software architecture diagrams using the C4 model and Mermaid syntax to visualize systems, containers, and components.

This skill empowers developers and architects to automate the creation of standardized software documentation using the C4 model. By analyzing your codebase, it generates hierarchical Mermaid diagrams that range from high-level system contexts to detailed component relationships and deployment infrastructures. It is particularly useful for maintaining up-to-date documentation, onboarding team members, and communicating complex technical designs to stakeholders through clear, visual abstractions.

Key Features

01Automatic Mermaid syntax generation for seamless integration with Markdown documentation

02Dynamic request flow visualization for event-driven and synchronous workflows

03Intelligent codebase analysis to identify services, databases, and external dependencies

04Multi-level C4 modeling including Context, Container, Component, and Deployment diagrams

052 GitHub stars

06Standardized documentation output following architectural best practices and naming conventions

Use Cases

01Creating dynamic sequence diagrams to explain complex cross-service request flows

02Generating deployment diagrams to document cloud infrastructure and network nodes

03Mapping microservice architectures to visualize team ownership and service boundaries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck c4-architecture

For use in Claude.ai and ChatGPT

Download Skill