dsh-diagram
Renders mermaid code blocks in the chat as diagrams in place (flowchart, sequence, class, state, ER, gantt, pie), with zoom, source toggle, copy PNG and SVG download.
将聊天中的 mermaid 代码块原位渲染为图表（流程图/时序图/类图/状态图/ER图/甘特图/饼图），支持放大、源码切换、复制 PNG 与下载 SVG。
How to install
dsh plugin add github:zhangTELL/dsh-diagram About
dsh-diagram DSH 图表插件：让 DSH 在审查代码、分析架构时直接在回复里写 mermaid 代码块，Web 界面将其**原位渲染成示意图**（流程图 / 时序图 / 类图 / 状态图 / ER 图 / 甘特图 / 饼图），辅助理解。 工作方式 **Agent 侧**：宿主半边向每个 agent 的系统提示词注入「画图规范」——审查代码 / 梳理调用链 / 解释数据流与请求时序时，主动用 mermaid 代码块画图，并约束纵向单列布局保证可读性。 **浏览器侧**：client 半边用 MutationObserver 扫描聊天里的 .md-code-block 代码块，块首行匹配 flowchart / graph / sequenceDiagram / classDiagram / stateDiagram / erDiagram / gantt / pie 的，在源码稳定 700ms 后渲染成 SVG 原位替换；工具条支持 **放大（拖拽平移、双击复位）⇄ 查看源码切换 / 复制源码 / 复制 PNG（2x，剪贴板失败退化为下载） / 下载 SVG**。 **mermaid 运行时**：不打包进 client.js（体积 ~3.5MB），由宿主路由 /dsh-diagram/mermaid.min.js 从插件依赖树内按需分发，首次遇到 mermaid 块时 <…
Recommendation signals
Meta
- License
- –
- Language
- TypeScript
- GitHub stars
- 1
- mo. downloads
- –
- Last push
- 2026-09-06
- Created
- 2026-09-06
Links
Basic safety check
- Findings
- curated 收录但无 npm 包/安装命令；无 license
- Sources
- curated:awesome-dsh-plugin.com, curated:awesome-dsh-plugin/awesome-dsh-plugin
- Topics
- dsh, dsh-plugin, mermaid
Related plugins
radar
skyhook-io/radar
The missing open-source Kubernetes UI with a built-in MCP server for AI agents. See what's broken, why, and what changed. Issues, Topology, event timeline, Helm, GitOps, live service traffic, and cluster audits - all in one Go binary.
inbox-zero
elie222/inbox-zero
The world's best AI personal assistant for email. Open source app to help you reach inbox zero fast.
UI-TARS-desktop
bytedance/UI-TARS-desktop
The Open-Source Multimodal AI Agent Stack: Connecting Cutting-Edge AI Models and Agent Infra
dsh-desktop
anywhere-labs/deepseek-harness-desktop
为 DeepSeek Harness (DSH) 插件生态打造的现代化桌面端解决方案。万物皆「插件」，桌面本身也是「插件」。