mermaid-diagram

Generate Mermaid diagrams from natural language descriptions.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of various types of diagrams directly from natural language descriptions, eliminating the need for manual drawing tools and complex syntax.

Core Features & Use Cases

  • Automated Diagram Generation: Creates diagrams based on textual descriptions, automatically detecting the most suitable diagram type (e.g., Sequence, Architecture, Activity).
  • Dependency Management: Ensures necessary tools and scripts are available.
  • Configuration Options: Allows customization of themes and output directories.
  • Use Case: Describe a user login flow, and the Skill will generate a Sequence diagram to visualize the API calls and responses.

Quick Start

Describe what you want to visualize, for example: "user login with JWT and refresh token".

Frequently Asked Questions about mermaid-diagram

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

FAQPage Schema
How do I generate Mermaid diagrams from natural language descriptions?

To generate Mermaid diagrams from natural language, you provide a textual description of your visualization needs. The tool detects the suitable diagram type, such as Sequence or Architecture, and executes scripts to create the visual output automatically.

Can I automatically create sequence and architecture diagrams without manual syntax?

Yes, you can automatically create sequence and architecture diagrams without manual syntax. You simply describe the flow or system in plain text, and the tool translates your description into the appropriate Mermaid diagram code and visual.

What is the best way to visualize a user login flow for documentation?

The best way to visualize a user login flow for technical documentation is by describing the API calls and responses in natural text. This approach generates a Sequence diagram automatically, eliminating the need for complex drawing tools.

Do I need to manually configure themes and output directories for Mermaid diagrams?

You do not need to manually configure themes and output directories every time. The tool reads configuration files for theme customization and output directory settings, resolving paths and ensuring dependencies are available during diagram generation.

What types of diagrams can I create using text-based code generation?

Using text-based code generation, you can create multiple diagram types including Sequence, Architecture, and Activity diagrams. The tool automatically detects the most suitable format based on your natural language description of the process or system.