← ClaudeAtlas

mermaid-viewerlisted

Use this skill when the user has a Mermaid source file (.mmd) and wants to view it in a browser -- asking to convert mermaid to html, render this diagram, make an HTML viewer, or make the schema explorable. Don't use it for generating new diagrams from scratch or exporting to PNG/PDF.
atretyak1985/swarmery · ★ 3 · AI & Automation · score 65
Install: claude install-skill atretyak1985/swarmery
# Purpose Materialise any Mermaid diagram source (`.mmd`) into a themed, interactive HTML viewer. Output is a single self-contained file; Mermaid 11.4.1 and svg-pan-zoom 3.6.2 are fetched from jsDelivr at runtime. Styling uses a dark-terminal design system (OKLCH CSS tokens, Inter + JetBrains Mono, dark mode, cyan-green accent) consistent with the `html-reporting` shell. **ER-specific features** (entity indexing, search filter) gracefully no-op for non-ER diagram types. # When to use this skill - `.mmd` file exists and user wants a browser viewer - User says: "convert mermaid to html", "make a viewer for X.mmd", "render this schema" - User says: "make this diagram easy to review / explore" - Default output path: same directory as `.mmd`, same basename, `.html` extension - Explicit override via `--out <path>` # When NOT to use this skill - **User wants to generate a new diagram from scratch** -- this skill requires an existing `.mmd` file as input. Use a Mermaid authoring workflow instead. - **User wants to export to PNG, PDF, or SVG** -- this skill produces interactive HTML only. - **Output must be embedded in a CI artifact pipeline** -- use `scripts/build.sh` directly from a CI job without the LLM orchestration steps. - **User wants to edit the diagram content** -- this skill renders existing content; it does not modify `.mmd` source. - **User asks to "create a diagram showing..."** without providing a `.mmd` file -- the prerequisite is an existing source file. # Requ