Side-route utility skill for generating Mermaid diagram code from a description. Use when the user wants a flowchart, sequence diagram, class diagram, ER diagram, state machine, Gantt chart, mindmap, C4 architecture, user journey, or any of 23 supported Mermaid diagram types — often during /shape, /research, /write-a-prd, or /prd-to-issues when a visual would clarify scope, flow, or structure. Not
/plugin marketplace add chrislacey89/skills
The exact command may vary by repository. Check the README on GitHub.
For the skill author
Shows your skill is listed on Skillteca, generates a backlink and trackable traffic.
[](https://www.skillteca.com.br/skills/mermaid-chrislacey89?utm_source=badge&utm_medium=readme&utm_campaign=badge)
Launch the interactive web dashboard to visualize a codebase's knowledge graph.
Use when you need to ask questions about a codebase or understand code using a knowledge graph.
Extract business domain knowledge from a codebase and generate an interactive domain flow graph. Works standalone (lightweight scan) or derives from an existing /understand knowledge graph.
Automates browser interactions with persistent page state. Use for navigating websites, filling forms, taking screenshots, extracting web data, testing web apps, or automating browser workflows.
Category alert
One short email with only the new Pesquisa e Web skills. 4 minutes of reading, no spam, unsubscribe with one click.
You confirm your email on the first send. No spam. Unsubscribe with one click.
Adapted from WH-2099/mermaid-skill on 2026-05-15. Reference syntax docs are bundled under
references/and originate from the upstream Mermaid project. The## Verificationsection incorporates the render-check recipe and parse-pitfalls table from WH-2099/mermaid-skill#5 by @rajatarya.
Generate Mermaid diagram source that renders directly in GitHub, VS Code, Notion, an
[Description truncada. Veja o README completo no GitHub.]
