mermaid

Generate Mermaid diagram syntax from user prompts with Trimble branding.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/bwgz/teambuilder --skill mermaid-bwgz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid
Source: https://github.com/bwgz/teambuilder/tree/main/teambuilder-sdd/.claude/skills/mermaid
Command: npx skills add https://github.com/bwgz/teambuilder --skill mermaid-bwgz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mermaid diagram creation can be time-consuming and error-prone when users need consistent visuals across documentation. This skill provides a structured, branding-aware approach to generating Mermaid diagrams for various diagram types.

Core Features & Use Cases

  • Diagram type coverage: Flowchart, Sequence, Class, ER, State, Gantt, Pie, Git Graph, Mindmap, Timeline.
  • Inline theming and branding guidance to ensure consistent visuals in Markdown environments.
  • Quick-start templates and examples for common scenarios.

Quick Start

Create a Mermaid diagram that visualizes a simple login flow as a flowchart.

Frequently Asked Questions about mermaid

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

FAQPage Schema
How do I generate Mermaid flowcharts and sequence diagrams from text?

You can generate Mermaid diagrams by providing a text prompt describing your flowchart or sequence diagram; the tool outputs valid Mermaid syntax with applied branding for immediate rendering in Markdown environments.

What diagram types are supported by Mermaid for architecture planning?

Mermaid supports flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and timelines for documentation and system visualization.

Can I apply inline theming and custom branding to Markdown Mermaid diagrams?

Yes, inline theming and branding guidance are supported to ensure consistent visual styling for Mermaid diagrams rendered in Markdown environments.

What is the best way to fix syntax errors in Mermaid class diagrams?

Use a structured generation tool that enforces Mermaid syntax validity and references syntax files to prevent structural errors when creating class diagrams or ER diagrams.

Do I need any external dependencies to create ER diagrams with Mermaid?

No external dependencies are required to create ER diagrams; you only need a text prompt to generate accurate Mermaid syntax for rendering database relationship diagrams.