mermaid-diagram-creator

Converts a DMML model into a Markdown file with multiple Mermaid diagrams.

12|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/mardenneubert/ddd-meets-genai --skill mermaid-diagram-creator-mardenneubert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid-diagram-creator
Source: https://github.com/mardenneubert/ddd-meets-genai/tree/main/skills/mermaid-diagram-creator
Command: npx skills add https://github.com/mardenneubert/ddd-meets-genai --skill mermaid-diagram-creator-mardenneubert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mermaid, jsdom, pyyaml.

What problem does it solve?

Transform a DMML domain model into a comprehensive set of Mermaid diagrams to make complex strategic and tactical designs easier to understand and communicate.

Core Features & Use Cases

  • Visualize strategic design through Context Map diagrams and tactical design via Aggregate Structures, Command–Event Flows, and Lifecycle State diagrams.
  • Enforce Mermaid compatibility across versions by using classDiagram and flowchart syntax with CSS-based styling and clear edge semantics.
  • Output a single, self-contained Markdown file named {domain-name}-diagrams.md containing multiple fenced Mermaid blocks suitable for rendering in GitHub, VS Code, Obsidian, or Mermaid Live Editor.

Quick Start

Use the DMML input to generate the diagrams file {domain-name}-diagrams.md containing all Mermaid blocks.

Frequently Asked Questions about mermaid-diagram-creator

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

FAQPage Schema
How do I convert a DMML model into Mermaid diagrams?

Converting a DMML model into Mermaid diagrams requires parsing the DMML structure and generating classDiagram and flowchart syntax blocks for bounded contexts, aggregates, and state lifecycles.

What is the best way to visualize DDD bounded contexts using Mermaid?

Visualizing DDD bounded contexts with Mermaid is best done by generating Context Map diagrams alongside tactical Aggregate Structures and Command-Event Flows within a single Markdown file for comprehensive communication.

Does the generated Mermaid syntax work with GitHub and Obsidian?

Yes, the generated Mermaid syntax works with GitHub, Obsidian, and VS Code because it outputs standard classDiagram and flowchart syntax with CSS-based styling inside fenced Markdown blocks.

Can I generate both strategic and tactical DDD diagrams in one file?

You can generate both strategic and tactical DDD diagrams in one file by converting a DMML model into a self-contained Markdown file named {domain-name}-diagrams.md containing multiple Mermaid blocks.

How do I ensure Mermaid compatibility across different versions when diagramming domain models?

Ensure Mermaid compatibility across versions by outputting standard classDiagram and flowchart syntax with CSS-based styling and clear edge semantics, avoiding version-specific extensions that break rendering.

What DDD diagrams are needed to document command-event flows and aggregate structures?

Documenting command-event flows and aggregate structures requires tactical diagrams like Aggregate Structures, Command-Event Flows, and Lifecycle State diagrams, all generated from a structured DMML model.