$npx skillfedfor your agent

c4-architecture

Create software architecture documentation using C4 model diagrams rendered in Mermaid. The skill guides you through selecting the right abstraction level—from system context through deployment—and generates properly structured diagrams with clear relationships and technology labels.

C4 Architecture generates C4 model diagrams in Mermaid syntax for documenting software systems.

AI-generated summary based on this skill's SKILL.md

2,243 214 MITupdated by softaworks

Decision gist · record as of 2026-03-05

C4 Architecture generates C4 model diagrams in Mermaid syntax for documenting software systems. Create software architecture documentation using C4 model diagrams rendered in Mermaid. The skill guides you through selecting the right abstraction level—from system context through deployment—and generates properly structured diagrams with clear relationships and technology labels.

manual: git clone https://github.com/softaworks/agent-toolkit → cp -r agent-toolkit/skills/c4-architecture ~/.claude/skills/c4-architecture
skills/c4-architecture/SKILL.md · version 56c4a5bb

Use it when

  • c4-architecture helps you generate system context diagrams by walking you through defining your system's boundary, external users.
  • Yes.

Verify before relying

Read SKILL.md below before installing (5 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

softaworks/agent-toolkit/c4-architecture · repository language: Python

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What is c4-architecture and what can it help me create?

c4-architecture is a skill for generating C4 model diagrams rendered in Mermaid that document your software architecture. It guides you through selecting the right abstraction level—from system context through deployment—and generates properly structured diagrams with clear relationships and technology labels to help teams understand system design.

How do I create a system context diagram with c4-architecture?

c4-architecture helps you generate system context diagrams by walking you through defining your system's boundary, external users, and external systems it interacts with. The skill produces a Mermaid-rendered diagram showing how your system fits into the broader landscape at the highest abstraction level.

Can c4-architecture generate container diagrams for documentation?

Yes. c4-architecture creates system container and container documentation for teams by helping you identify major containers (applications, databases, services) within your system and their interactions. It generates properly labeled diagrams showing technology choices and communication patterns between containers.

How does c4-architecture visualize software structure and relationships?

c4-architecture visualizes software structure and component relationships by guiding you through the C4 model's abstraction levels. It generates diagrams showing components within containers, their responsibilities, and how they interact, making complex architectures easier for teams to understand and document.

Can I use c4-architecture to document deployment topology?

Yes. c4-architecture supports documenting deployment topology and infrastructure nodes by generating deployment diagrams that show how containers are deployed across infrastructure environments. This helps teams understand the physical or cloud deployment architecture and technology stack.

Does c4-architecture support microservices architecture diagrams?

c4-architecture can model microservices and event-driven architectures by helping you map individual services as containers and their communication patterns. You can document how microservices interact, their boundaries, and deployment topology to create clear architecture documentation for distributed systems.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

C4 Architecture Documentation

Generate software architecture documentation using C4 model diagrams in Mermaid syntax.

Workflow

  1. Understand scope - Determine which C4 level(s) are needed based on audience
  2. Analyze codebase - Explore the system to identify components, containers, and relationships
  3. Generate diagrams - Create Mermaid C4 diagrams at appropriate abstraction levels
  4. Document - Write diagrams to markdown files with explanatory context

C4 Diagram Levels

Select the appropriate level based on the documentation need:

Level Diagram Type Audience Shows When to Create
1 C4Context

(truncated - see the full file via the links below)

File tree — 5 files
skills/c4-architecture/README.md
skills/c4-architecture/SKILL.md
skills/c4-architecture/references/advanced-patterns.md
skills/c4-architecture/references/c4-syntax.md
skills/c4-architecture/references/common-mistakes.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Generate C4 architecture diagrams at appropriate abstraction levels”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

Mermaid Studio
by tech-leads-club · tech-leads-club/agent-skills

Mermaid Studio generates polished diagrams from descriptions or code, supporting flowcharts, sequences, ERDs, C4 architecture, AWS infrastructure, and 15+ other diagram types. Render to SVG, PNG, or ASCII with syntax validation and curated color themes built in.

no license declared → metadata onlyupdated Jul 2026
★ 4,951repo stars
Plantuml Syntax
by tractorjuice · tractorjuice/arc-kit

PlantUML Syntax is a reference skill covering diagram creation across nine types, with deep focus on C4-PlantUML for architecture work. It documents element and relationship syntax, layout constraints, and common rendering gotchas to help you build diagrams correctly.

no license declared → metadata onlyupdated Jul 2026
★ 2,105repo stars
Plantuml Skill
by Agents365-ai · Agents365-ai/365-skills

PlantUML Skill creates sequence, class, component, ER, and other UML diagrams from text descriptions, exporting to PNG or SVG through the Kroki rendering API. It requires only curl and works across macOS, Linux, and Windows, with optional local Docker or PlantUML jar backends for offline use.

no license declared → metadata onlyupdated Jul 2026
★ 24repo stars
charting
by openyak · openyak/openyak

Charting & Diagrams generates interactive Mermaid visualizations across 23 diagram types—from flowcharts and class diagrams to Gantt charts, pie charts, and architecture layouts. Output diagrams as code blocks that render automatically, supporting everything from workflow logic and database schemas to project timelines and system design.

Apache-2.0updated Jul 2026
★ 701repo stars
C4 Diagrams
by connorads · connorads/dotfiles

Build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels—each designed for a specific audience. Choose between Mermaid (default, renders natively on GitHub), Structurizr DSL (for multi-level models), or D2/PlantUML. Start with System Context and Container diagrams; add Component and Code layers only when they clarify design.

no license declared → metadata onlyupdated Jul 2026
★ 15repo stars
mermaid-graph-writer
by curiositech · curiositech/some_claude_skills

Mermaid Graph Writer produces syntactically correct Mermaid diagrams by selecting the right diagram type for your content and applying consistent formatting rules. It handles flowcharts, sequence diagrams, state machines, ER models, timelines, mindmaps, Gantt charts, and other Mermaid-supported formats—but doesn't render them to images.

MITfor claude-codeupdated Jul 2026
★ 164repo stars

More skills mermaid-diagrams (MIT) · mermaid-diagrams (MIT) · c4-model (MIT)

Tags
diagram-generationarchitecture-as-codesystem-design-docsmermaid-syntaxabstraction-levelsdeployment-topologycomponent-modelingmicroservices-patternstechnical-documentationvisual-architecture