← ClaudeAtlas

pretty-mermaidlisted

Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides Mermaid code or .mmd files; asks for a flowchart, sequence/state/class diagram, ERD, XY chart, or architecture/workflow/data-model visualization; or wants to beautify, theme, batch-convert, or make a diagram terminal-friendly. Runs locally without a browser or DOM, with 15 built-in themes and custom colors.
DevN-gr/multi-tenant-fullstack-crud-skill · ★ 3 · AI & Automation · score 74
Install: claude install-skill DevN-gr/multi-tenant-fullstack-crud-skill
# 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 1. Determine whether the user supplied Mermaid source or needs a diagram authored from prose. 2. Choose the diagram type and output format from the tables below. 3. Read only the relevant reference file when syntax, theme selection, or API behavior needs more detail. 4. Save new source as a `.mmd` file, preserving user terminology and relationships. 5. Render with a named theme or explicit colors. 6. Inspect the result. Fix syntax, clipping, crowded layout, or unclear labels and render again. 7. 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 | Need | Diagram type | Starter | | --- | --- | --- | | Process, decision tree, architecture | Flowchart | `flowchart LR` | | API calls, messages, interactions | Sequence | `sequenceDiagram` | | Lifecycle or finite-state machine | State | `stateDiagram-v2` | | Classes, modules, relationships | Class | `clas