architecture/diagrams

Generate C4 Context, Container, and Component diagrams as draw.io XML from architecture shard documents.

5|3|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/NexusSema/omg-marketplace --skill architecture-diagrams-nexussema
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: architecture/diagrams
Source: https://github.com/NexusSema/omg-marketplace/tree/main/plugins/sdlc/skills/architecture/diagrams
Command: npx skills add https://github.com/NexusSema/omg-marketplace --skill architecture-diagrams-nexussema

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Architecture documentation often remains textual and static, making it hard to quickly understand system structure. This Skill generates professionally styled draw.io diagrams from architecture shard documents, aligning with C4 modeling conventions to ensure consistent, clear visuals.

Core Features & Use Cases

  • Generates C4 Context, Container, and Component diagrams directly from architecture shard documents (01-07).
  • Ignores Mermaid code blocks and derives diagrams from the prose, tables, and descriptions in the documents.
  • Outputs draw.io XML with correct shapes, colors, and layouts using the supplied C4 color palettes and template references.
  • Use Case: teams convert narrative architecture shards into visual diagrams to accompany PRDs and architecture decisions.

Quick Start

Place architecture shard documents in the input directory and run the diagram generator to produce draw.io files.

Frequently Asked Questions about architecture/diagrams

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

FAQPage Schema
How do I generate draw.io diagrams from architecture documentation?

To generate draw.io diagrams from architecture documentation, this Skill processes architecture shard documents 01-07 and outputs valid draw.io XML with correct shapes, colors, and layouts using C4 modeling conventions.

What is the best way to create C4 diagrams from prose architecture descriptions?

Creating C4 diagrams from prose architecture descriptions is done by parsing narrative text, tables, and descriptions in architecture shard documents to produce Context, Container, and Component diagrams, deliberately ignoring any Mermaid code blocks.

Can I use architecture shard documents to produce visual diagrams for a PRD?

Yes, you can use architecture shard documents to produce visual diagrams for a PRD. The Skill converts narrative architecture shards into C4 Context, Container, and Component diagrams to accompany PRDs and architectural reviews.

Does the diagram generator support Mermaid code blocks in architecture docs?

No, the diagram generator does not support Mermaid code blocks. It explicitly ignores Mermaid syntax and derives C4 draw.io diagrams solely from the prose, tables, and descriptions within the architecture shard documents.

How do I get valid draw.io XML with C4 shape definitions and color palettes?

To get valid draw.io XML with C4 shape definitions and color palettes, place architecture shard documents in the input directory and run the generator to apply C4 layout rules and template references to the output files.