Pretty Mermaid
This renders Mermaid diagrams as SVG or ASCII with 15+ themes like Tokyo Night, Dracula, and GitHub Dark. You get flowcharts, sequence diagrams, state machines, class diagrams, and ER diagrams out of the box. The batch rendering script is handy if you're documenting a whole system and need consistent styling across dozens of diagrams. ASCII output is a nice touch for terminal workflows or plain text docs. It's built on beautiful-mermaid and includes templates for each diagram type, so you're not starting from scratch. The theme comparison workflow is smart: render the same diagram in multiple themes so users can pick what fits their docs. Solid tool if you're generating visual documentation programmatically.
- skills.sh installs
- 4.6K
- GitHub stars
- 1.6K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add imxv/pretty-mermaid-skills --skill pretty-mermaid --agent claude-codeInstalls into .claude/skills of the current project.
Files
Pretty Mermaid
Create or render Mermaid diagrams with the bundled Node.js CLI. Use SVG for scalable documentation, PNG for sharing or raster-only consumers, and ASCII or Unicode for terminals and plain text.
Working directory
Treat the directory containing this file as <skill-root>. Run bundled scripts from that directory, or invoke them with absolute paths. Keep user source and rendered output in the user's requested location; do not copy the renderer into their project.
Workflow
- Determine whether the user supplied Mermaid source or needs a diagram authored from prose.
- Choose the diagram type and output format from the tables below.
- Read only the relevant reference file when syntax, theme selection, or API behavior needs more detail.
- Save new source as a
.mmdfile, preserving user terminology and relationships. - Render with a named theme or explicit colors.
- Inspect the result. Fix syntax, clipping, crowded layout, or unclear labels and render again.
- Return the source and output paths, plus the selected format and theme.
Do not overwrite an existing source or output file unless the user asked for replacement.
Choose a diagram type
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
Recommended
More Code Review & Quality
infrastructuregrafana/skillsShip Kubernetes, host, container, and cloud-provider telemetry into Grafana Cloud — `k8s-monitoring` Helm chart for K8s clusters (metrics + logs + traces + even4.6Kskills.sh installs
diagramming-codetrailofbits/skillsGenerates Mermaid diagrams from Trailmark code graphs. Produces call graphs, class hierarchies, module dependency maps, containment diagrams, complexity heatmap4.6Kskills.sh installs
minimax-docxminimax-ai/skillsProfessional DOCX document creation, editing, and formatting using OpenXML SDK (.NET). Three pipelines: (A) create new documents from scratch, (B) fill/edit con4.6Kskills.sh installs
csharp-scriptsdotnet/skillsRun file-based C# apps with the .NET CLI when the user explicitly wants C#/.NET code without creating a project. Use for C# language/API experiments, one-file C4.5Kskills.sh installs
reflectcursor/pluginsSpawn three parallel review subagents over the active transcript, surface learnings, and route each to a concrete edit on an existing skill.4.5Kskills.sh installsadaptive-metricsgrafana/skillsCut Grafana Cloud Metrics cost by shrinking active-series count with Adaptive Metrics aggregation rules — auto-recommendations from query history, custom exact/4.5Kskills.sh installs