skills.rest
tektonlabs
tektonlabsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

c4-diagrams

Generates C4 model architecture diagrams at four abstraction levels using Mermaid notation.

Updated Aug 26, 2026
Search Tags:#documentation#system design#mermaid#software architecture#architecture diagrams#c4 model#deprecated
One-click install
npx skills add https://github.com/tektonlabs/ai-software-design --skill c4-diagrams-tektonlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: c4-diagrams
Source: https://github.com/tektonlabs/ai-software-design/tree/main/.claude/skills/_deprecated/architecture/c4-diagrams
Command: npx skills add https://github.com/tektonlabs/ai-software-design --skill c4-diagrams-tektonlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? This Skill addresses the need to communicate system architecture visually to different audiences, producing C4 model diagrams from context level down to component level. Note: this Skill is deprecated and its functionality now lives in Section 2 of the Software Architecture Document skill. ## Core Features & Use Cases - Multi-Level Diagram Generation: Produces System Context (Level 1), Container (Level 2), Component (Level 3), and optional Code (Level 4) diagrams in Mermaid C4 syntax. - Structured Documentation Template: Outputs a complete c4-diagrams.md document with element tables, relationship tables, naming conventions, and color coding standards. - Sign-Off Workflow: Includes review checklists and approval sections for Solution Architect, Technical Lead, and Development Team Lead. - Use Case: An architect documenting a web application with an API, database, and message queue uses this template to produce consistent diagrams for stakeholders, developers, and operations teams. ## Quick Start Ask the agent to generate C4 architecture diagrams for your system, providing the system name, users, external systems, containers, and key components.

Frequently Asked Questions about c4-diagrams

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

FAQPage Schema
How do I create C4 architecture diagrams with Mermaid?▼

Use Mermaid's C4Context, C4Container, and C4Component diagram types to define persons, systems, containers, and their relationships. Provide your system name, users, external systems, and containers, then label each relationship with its protocol.

What are the four levels of the C4 model?▼

Level 1 is the System Context diagram showing users and external systems. Level 2 is the Container diagram showing deployable units and technology choices. Level 3 is the Component diagram showing internal structure, and Level 4 is optional code-level detail.

Is this C4 diagrams skill still active?▼

No, this skill is deprecated. C4 diagrams are now generated in Section 2 of the Software Architecture Document skill, and invoking this skill redirects you to the architecture/software-architecture-document skill instead.

What inputs are required to generate C4 diagrams?▼

You need an architecture design document, a component list with responsibilities, and integration points with external systems. A stakeholder map and data model are recommended but optional inputs.

Who needs to approve C4 architecture diagrams?▼

The Solution Architect validates diagram accuracy, the Technical Lead reviews component-level details, and the Development Team Lead verifies implementation alignment. Disagreements escalate to the Architecture Review Board.

Related Skills

Explore More Software Engineering Skills→
TheBushidoCollectiveTheBushidoCollective
187

architecture-design

Map business goals to high-level system structure and technology choices.

Official
Advanced
DocaariDocaari
1

system-architect

Generate versioned Mermaid architecture diagrams and ADRs from approved specs.

Community
Advanced
agentmattersagentmatters
3

architecture-decision-records

Record architectural decisions as structured ADRs with context, decision, alternatives, and consequences.

Official
Advanced
TrevorEdrisTrevorEdris
2

c4-architecture

Generate C4 architecture diagrams and Markdown documentation from natural language prompts.

Community
Advanced