Dsh Mermaid Render
genius-alray/dsh-mermaid-render · skills
Interactive Mermaid diagram rendering for agent messages in the DSH Web UI: mermaid code blocks in the conversation are rendered into interactive diagram cards — zoom, fit-width, fullscreen viewer, and a preview/code tog.
★ 2GitHub stars
0Forks
2026-08-25Last updated
TypeScriptLanguage
—License
Key features
- Auto-render mermaid code blocks — fences with mermaid / mmd info strings in conversation messages become diagram cards automatically (both assistant and user messages).
- Bundle plugin (official form)package.json declares dsh.bundle.patch: ./cordis.patch.yml
- Zoom / fit-width — viewport-only zoom: the card shell keeps its size, only the diagram inside scales and scrolls.
- Ctrl/⌘+wheel zooms, the fit button resets to width fit.
- Fullscreen viewer — a fixed overlay (product-style mask layer, portal to body): zoom, fit, and close via Esc / mask click / button.
Install command
dsh plugin --profile web add github:genius-alray/dsh-mermaid-render