dsh-diagram

怎么安装

简介

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 块时 <…

推荐参考

信息

协议

–

语言

TypeScript

GitHub 星标

1

月下载

–

最近更新

2026-09-06

创建于

2026-09-06

链接

基础安全检查

检查结果

curated 收录但无 npm 包/安装命令；无 license

收录来源

curated:awesome-dsh-plugin.com, curated:awesome-dsh-plugin/awesome-dsh-plugin

主题标签

dsh, dsh-plugin, mermaid