skills.rest
Tacuchi
TacuchiCOMMUNITY
Explore all skills by this author →
GitHub

diagrams

Generate architecture diagrams from system models using C4, Structurizr DSL, Mermaid, and PlantUML.

Updated May 2, 2026
Search Tags:#architecture#mermaid#diagrams#plantuml#C4#structurizr#export-diagrams
One-click install
npx skills add https://github.com/Tacuchi/agent-workflow-cli --skill diagrams-tacuchi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagrams
Source: https://github.com/Tacuchi/agent-workflow-cli/tree/main/skills/w/roles/diagrams
Command: npx skills add https://github.com/Tacuchi/agent-workflow-cli --skill diagrams-tacuchi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables teams to author architectural diagrams using standard notations (C4) and renderers (Structurizr DSL, Mermaid, PlantUML) and to export them into a dedicated docs/diagrams directory.

Core Features & Use Cases

  • Auto-generate diagram sources from model definitions.
  • Supports multiple rendering engines: Structurizr DSL (default), Mermaid, PlantUML.
  • Exports to docs/diagrams/ for included diagrams and related artifacts.
  • Embeds Mermaid previews via mermaid.ink for inline rendering.

Quick Start

Create diagrams by running the export-diagrams workflow to generate the docs/diagrams outputs.

Frequently Asked Questions about diagrams

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

FAQPage Schema
How do I generate architecture diagrams from system models using C4 and PlantUML?▼

Architecture diagrams are generated from system models by defining components and relationships using C4 notation, then rendering them via Structurizr DSL, Mermaid, or PlantUML to visualize system boundaries.

What is the best way to document software architecture and export diagrams to a docs directory?▼

The best way to document software architecture is to author diagram sources from model definitions and run the export-diagrams workflow, which outputs rendered diagrams and artifacts directly into a docs/diagrams directory.

Does this diagram generation workflow support both Mermaid and Structurizr DSL?▼

Yes, the diagram generation workflow supports multiple rendering engines including Structurizr DSL as the default, along with Mermaid and PlantUML, allowing flexible architecture visualization options.

Can I embed Mermaid previews for architecture diagrams inline during documentation?▼

Yes, you can embed Mermaid previews inline during architecture documentation by utilizing the mermaid.ink integration, which renders diagram previews directly within your documentation workflow.

How do I communicate system boundaries and relationships using C4 architecture diagrams?▼

You communicate system boundaries and relationships by authoring C4 architecture diagrams from system models, which define structural components and render them to visualize interactions across system limits.

Related Skills

Explore More Design & Creative Skills→
VictorHueniVictorHueni

arch-c4

Automate C4 diagram creation and arc42 table generation with Structurizr DSL.

Community
Advanced
ishiyanishiyan

mermaid-creator

Create and convert Mermaid diagrams from syntax to SVG.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate
VSF-QC-TTSVSF-QC-TTS

common-architecture-diagramming

Standardize architecture diagrams using C4 and UML models with Mermaid syntax.

Official
Intermediate