Mermaid diagrams are text-based charts for flows, sequences, and more. This tool turns that code into sharp SVG or high-resolution PNG images. You can use it for documentation, reports, or presentations.
It supports many diagram types like flowcharts, sequence diagrams, and class diagrams. Choose from over a dozen themes such as Dracula or Tokyo Night. The process is simple: write the code, run a command, and get your image.
Both SVG and PNG are always produced. SVG works for web and scaling. PNG is great for embedding in slides or documents. No design skills needed.
Global
mkdir -p ~/.claude/skills/beautiful-mermaidProject
mkdir -p .claude/skills/beautiful-mermaidSource Repository
Grill With Docsmattpocock/skills
Stress-test your plan, refine your terms, and update docs instantly
To Prdmattpocock/skills
Generate a complete PRD from your conversation and codebase understanding
Lark Doclarksuite/cli
Create read summarize edit translate and manage Lark cloud documents
Github Actions Docsxixu-me/skills
Answers your GitHub Actions questions with exact official documentation links
Readme I18nxixu-me/skills
Localize your repo READMEs automatically with structure and selector intact
Ubiquitous Languagemattpocock/skills
Build a shared glossary of terms from your conversations with clear definitions
Doc Coauthoringanthropics/skills
Co author documents step by step with context refinement and reader testing
Edit Articlemattpocock/skills
Polish your article drafts by improving clarity structure and flow