ddp

Generate Mermaid diagrams for data flows, class relationships, and architectures.

6|Updated Oct 7, 2025
One-click install
npx skills add https://github.com/rjroy/vibe-garden --skill ddp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ddp
Source: https://github.com/rjroy/vibe-garden/tree/main/lore-development/skills/ddp
Command: npx skills add https://github.com/rjroy/vibe-garden --skill ddp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams convert verbose descriptions into visual Mermaid diagrams that reveal data flows, relationships, and architectures when text alone is insufficient.

Core Features & Use Cases

  • Mermaid diagram generation for data flows, class relationships, system architectures, state machines, and sequences.
  • Visual aids for onboarding, design reviews, and documentation.
  • Use Case: When you need to clarify a complex interaction model, generate diagrams to illustrate data paths and component relationships.

Quick Start

/lore-development:ddp visualize the data flow from API gateway to service to database

Frequently Asked Questions about ddp

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

FAQPage Schema
How do I generate Mermaid diagrams from text descriptions?

To generate Mermaid diagrams from text descriptions, provide your verbose specs to the skill and it outputs visual graphs for data flows, class relationships, and system architectures automatically.

What types of system design diagrams can I create for architecture visualization?

For architecture visualization, you can create Mermaid diagrams for data flows, class diagrams, architecture graphs, state machines, and sequences to illustrate component relationships and data paths.

How do I visualize data flow from an API gateway to a database?

To visualize data flow from an API gateway to a database, input the interaction model or service path text, and the skill generates a Mermaid diagram illustrating the data paths and component relationships.

Does this work for creating class diagrams and state machines for software design?

Yes, this works for creating class diagrams and state machines for software design by taking your complex interaction models and converting them into clear Mermaid visualizations for reviews and documentation.

What is the best way to turn complex specs into clear diagrams for onboarding?

The best way to turn complex specs into clear diagrams for onboarding is converting verbose descriptions into Mermaid visualizations that reveal data flows and architectures when text alone is insufficient.