Skills
.Work. You
Rest

architecture-diagrams

Community

Code-driven diagrams.

Software Engineering#architecture#mermaid#diagrams#plantuml#system-design#c4-model#diagrams-as-code
Authordereknex
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create clear, maintainable architecture diagrams using code-based diagramming tools like Mermaid and PlantUML for system design, data flows, and technical workflows.

Core Features & Use Cases

  • Mermaid, PlantUML, and C4 diagrams for system context, component relationships, deployment maps, and data-flow representations.
  • Use when documenting architectures, design reviews, or onboarding new engineers.

Quick Start

Generate a Mermaid system context diagram for an e-commerce platform showing client apps, API gateway, services, and data stores.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: architecture-diagrams
Download link: https://github.com/dereknex/skills/archive/main.zip#architecture-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.