skills.rest
jctanner
jctannerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

generate-architecture-diagrams

Generate Mermaid, C4, ASCII, and PNG architecture diagrams from documentation.

Updated Apr 1, 2026
Search Tags:#automation#architecture#documentation#security#mermaid#diagrams#c4
One-click install
npx skills add https://github.com/jctanner/platform-architecture-context-pipeline --skill generate-architecture-diagrams
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-architecture-diagrams
Source: https://github.com/jctanner/platform-architecture-context-pipeline/tree/main/.claude/skills/generate-architecture-diagrams
Command: npx skills add https://github.com/jctanner/platform-architecture-context-pipeline --skill generate-architecture-diagrams

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagram generation for software architectures from architecture docs, enabling quick visualizations without manual diagramming.

Core Features & Use Cases

  • Generates Mermaid, C4 (Structurizr DSL), security network, and data flow diagrams from architecture markdown.
  • Produces PNG renders and an index README for distribution to stakeholders.
  • Supports audience-targeted outputs and auto-organizes outputs in a diagrams folder alongside the architecture file.

Quick Start

Run the diagram generator against your architecture document to produce diagrams in a diagrams/ folder.

Frequently Asked Questions about generate-architecture-diagrams

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

FAQPage Schema
How do I generate architecture diagrams from markdown documentation?▼

You can generate architecture diagrams from markdown by running an automated generator against your architecture documentation to produce visuals in a diagrams folder.

What is the best way to automate C4 and Mermaid diagram creation?▼

Automating C4 and Mermaid diagram creation is best handled by processing your architecture docs through a generation pipeline that outputs Structurizr DSL and Mermaid formats automatically.

Can I create security network and data flow diagrams from architecture docs?▼

Yes, you can create security network and data flow diagrams by processing architecture markdown to generate audience-targeted security visuals automatically.

Does this diagram generation approach output PNG files for stakeholders?▼

Yes, the diagram generation approach outputs PNG renders and an index README to distribute architecture visuals to stakeholders.

Do I need to manually organize diagram outputs for different audiences?▼

No, you do not need to manually organize outputs because the generator auto-organizes audience-targeted diagrams in a folder alongside your architecture file.

Related Skills

Explore More Software Engineering Skills→
Clay-HHKClay-HHK
2

markdown-mermaid-writing

Create Markdown documents with embedded Mermaid diagrams for version-controlled documentation.

Community
Advanced
zzafergokzzafergok

c4-architecture

Generate C4 model architecture diagrams in Mermaid syntax from codebase analysis.

Community
Intermediate
tamago0224tamago0224

markdown-to-html

Convert Markdown documents to HTML for rendering or publishing.

Community
Intermediate
HuskyDannyHuskyDanny

architecture-diagram

Generate standalone HTML/SVG system architecture diagrams from text descriptions.

Community
Basic