c4-diagrams

Community

Build and render C4 diagrams with PlantUML.

Authorrobtaylor
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill enables teams to rapidly model and visualize software architecture using the C4 model and PlantUML, reducing ambiguity in system design.

Core Features & Use Cases

  • C4 Diagram Types: Context, Container, Component, and Sequence diagrams generated from PlantUML templates.
  • Conversations-Driven Design: Supports iterative diagram building through a guided conversational workflow.
  • Render & Validate: Renders diagrams via PlantUML server and provides validation guidance for element IDs, boundaries, and relationships.

Quick Start

  • Initialize the diagram directory structure (doc/diagrams/context, container, etc.) with the provided script.
  • Create a new diagram from a template and write it to doc/diagrams/{type}/{name}.puml.
  • Render the PUML to PNG using the render-diagram.py script.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: c4-diagrams
Download link: https://github.com/robtaylor/claude-config/archive/main.zip#c4-diagrams

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.