mermaid-architect

Analyze codebases to generate ER, Sequence, and Architecture Mermaid diagrams.

56|5|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/diegomarino/claude-toolshed --skill mermaid-architect-diegomarino
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid-architect
Source: https://github.com/diegomarino/claude-toolshed/tree/main/plugins/mermaid/skills/mermaid-architect
Command: npx skills add https://github.com/diegomarino/claude-toolshed --skill mermaid-architect-diegomarino

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of visual diagrams directly from your codebase, making complex project structures understandable at a glance.

Core Features & Use Cases

  • Codebase Analysis: Scans directories to identify key components and relationships.
  • Multi-Diagram Generation: Creates relevant diagrams like ER, Sequence, and Architecture diagrams based on code content.
  • Use Case: Quickly generate an architecture diagram for a new microservice or visualize the data flow of a web application by pointing the skill at its source code directory.

Quick Start

Analyze the codebase at the path 'src/backend/' and generate relevant diagrams.

Frequently Asked Questions about mermaid-architect

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

FAQPage Schema
How do I automatically generate architecture diagrams from my source code?

To generate architecture diagrams automatically, this Skill analyzes your codebase structure and content to produce relevant Mermaid visualizations. It scans directories to identify components and outputs diagrams like ER, Sequence, and Architecture views directly from your source code.

What is the best way to visualize codebase structure for documentation?

Visualizing codebase structure for documentation is done by scanning source directories to identify key components and relationships, then generating a suite of Mermaid diagrams. This provides clear ER, Sequence, and Architecture visualizations for project documentation.

Does this code visualization tool support multiple programming languages?

Yes, this code visualization tool supports various programming languages and file types. It analyzes the code structure and content regardless of language to automatically generate relevant diagrams for your project.

Can I configure the output directory and diagram themes?

Yes, you can configure output directories and themes for your Mermaid diagrams. After the Skill analyzes your codebase, it allows you to specify where the generated ER, Sequence, and Architecture diagrams are saved with customized styling.

Do I need Node.js installed to generate Mermaid diagrams from a codebase?

Yes, you need Node.js installed as a dependency to generate Mermaid diagrams from a codebase. The Skill relies on the Node environment to scan directories and process code structure into visual diagrams.

How do I create ER and Sequence diagrams by pointing at a source code directory?

To create ER and Sequence diagrams, point the Skill at your source code directory path. It analyzes the code content and automatically generates the relevant diagrams based on the relationships and components it discovers.