Generate Mermaid diagrams of code structure and system interactions.
npx skills add https://github.com/DennisToma/repo_example --skill diagram-gen
Please help me install this Agent Skill. Skill: diagram-gen Source: https://github.com/DennisToma/repo_example/tree/main/.claude/skills/diagram-gen Command: npx skills add https://github.com/DennisToma/repo_example --skill diagram-gen
Diagram-gen helps developers and architects quickly understand and document codebases by generating diagrams that illustrate architecture, flows, and data models.
Identify the part of the codebase you want to visualize, run the tool to generate Mermaid diagrams, and save to docs/diagrams/[name].md.
High-intent search queries and answers about installing and using this skill.
You can generate Mermaid diagrams to visualize architecture by pointing the tool at code entry points, extracting key components, and rendering system overview diagrams that are saved as markdown files.
Yes, you can automatically create sequence diagrams for request flows and ERDs for data structures by reading your codebase and rendering the extracted interactions into Mermaid templates.
The best way to document system flows and object lifecycles is to generate sequence diagrams and state diagrams from your code, rendering the logic into Mermaid templates saved directly to your docs folder.
You do not need any specific external dependencies to generate class diagrams and flowcharts, as the tool reads your code entry points and renders the diagrams using built-in Mermaid templates.
The generated visualization diagrams are saved as markdown files in the docs/diagrams directory, using the diagram name as the filename to keep your architecture documentation organized.
Using Mermaid templates for visualizing code structure allows you to render architecture overviews and data models as text-based markdown files, making them easy to version control alongside your source code.
ReefBytesGenerate Mermaid diagrams from project structure and deployment architecture.
vuminhieuRender Mermaid.js v11 diagrams to SVG, PNG, or PDF via CLI.
silvarojasdiegoarturo91Analyze code structure and dependencies to generate module maps and caller diagrams.
ArabelaTsoGenerate architecture, data flow, deployment, and sequence diagrams in Mermaid, PlantUML, or Graphviz/DOT.
