mermaid

Original：🇺🇸 English

Translated

1 scriptsChecked / no sensitive code detected

Must read guide on creating/editing mermaid charts with valiation tools

2installs

Added on2026-02-14

NPX Install

npx skill4agent add mitsuhiko/agent-stuff mermaid

Use this skill to quickly validate Mermaid diagrams by parsing + rendering them with the official Mermaid CLI.

Node.js + npm (for
```
npx
```
).
First run downloads a headless Chromium via Puppeteer. If Chromium is missing, set
```
PUPPETEER_EXECUTABLE_PATH
```
.

bash

./tools/validate.sh diagram.mmd [output.svg]

Parses and renders the Mermaid source.
Non-zero exit = invalid Mermaid syntax.
Prints an ASCII preview using
```
beautiful-mermaid
```
(best-effort; not all diagram types are supported).
If
```
output.svg
```
is omitted, the SVG is rendered to a temp file and discarded.

If the diagram will live in Markdown: draft it in a standalone
```
diagram.mmd
```
first (the tool only validates plain Mermaid files).
Write/update
```
diagram.mmd
```
.
Run
```
./tools/validate.sh diagram.mmd
```
.
Fix any errors shown by the CLI.
Once it validates, copy the Mermaid block into your Markdown file.