genius-alray/dsh-mermaid-render ↗★ 1
dsh-mermaid-render
DSH Web 对话 mermaid 渲染插件:将消息中的 mermaid 代码块渲染为可缩放、适应宽度、全屏查看的交互式图表。
AI 分析
核心用途是提升 Mermaid 流程图和架构图的阅读体验。适合经常让 AI 生成图表、需要直观查看和交互图表的用户。
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:genius-alray/dsh-mermaid-render说明文档
阅读完整 README ↗Usage
Send a message containing a mermaid code block:
```mermaid
flowchart TD
A[Start] --> B{Has a mermaid block?}
B -- yes --> C[Load mermaid renderer]
B -- no --> D[Keep plain code block]
C --> E[Render interactive diagram]
E --> F[Toolbar: zoom / fit / fullscreen]
```
The block renders into a card with a bottom-right toolbar (zoom in / zoom out / fit width / fullscreen) and a top-right Preview / Code selector. On a syntax error the card is not rendered: the original code block remains and an inline "Mermaid render failed" banner with the parser message appears below it.