How does DDP analyze my codebase?

The skill traces through your source code to identify entry points, key actors, and relationships, ensuring the resulting diagram accurately reflects your actual implementation.

When is the best time to use the DDP skill?

Use DDP whenever you find yourself re-reading code without it 'clicking,' when planning a major refactor, or when you need to explain a complex feature to a teammate.

Where are the generated diagrams stored?

Diagrams are saved as Markdown files within the .lore/diagrams directory, making them easy to version control and view in any Mermaid-supported editor.

What types of diagrams can DDP create?

DDP can generate a wide range of Mermaid diagrams, including sequence diagrams for interactions, class diagrams for structure, flowcharts for data paths, and state diagrams for lifecycles.

Draw the Damn Picture (DDP)

Name: Draw the Damn Picture (DDP)
Author: rjroy

byrjroy

•

Learning & Documentation

Generates comprehensive Mermaid diagrams to visualize complex code architectures, data flows, and system relationships.

The DDP skill helps developers overcome cognitive overload by transforming intricate codebase logic into clear, visual Mermaid diagrams. When text descriptions or complex source code become difficult to track mentally, DDP explores your repository to map out sequence interactions, class hierarchies, and system architectures. By providing a visual layer to the development process, it ensures that data flows, state transitions, and component relationships are documented and easily understood by both the current developer and future collaborators.

Key Features

01Deep codebase exploration to identify key actors and data transformations

02Automated Mermaid diagram generation including sequence, class, and state charts

03Standardized documentation output with descriptive frontmatter and context

042 GitHub stars

05Intelligent selection of diagram types based on specific architectural needs

06Visual mapping of complex inheritance hierarchies and control flows

Use Cases

01Visualizing the end-to-end lifecycle of a request from API entry to database persistence

02Documenting complex state machine transitions for order fulfillment or user authentication flows

03Mapping inheritance and composition relationships in large, modular codebases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rjroy/vibe-garden ddp

For use in Claude.ai and ChatGPT

Download Skill