把聊天里的 mermaid 代码块原位渲染成示意图
29.6/100
综合分
1
GitHub 星标
—
npm 周下载
—/5
用户评分
数据截至 2026/9/18 · 周下载取自 npm 全网(含 CI / 镜像),非本站安装数;综合分由星标、活跃度与兼容性检查合成。
自动兼容检查有告警:未发布到 npm registry,仅可从源码安装。
安装命令 · 需先装 dsh CLI 引擎
dsh plugin --profile web add zhangTELL/dsh-diagram该包不可直接 npm 安装,改从 GitHub 源安装(明细见下方安装检查)
状态速览
判定依据:实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态信任档位:需留意
是什么
dsh 原生插件 · other
安全吗
本站尚未对该插件做风险分级
暂未覆盖,不等同于无风险
还在维护吗
更新放缓:最近一次提交在 58 天前
档位由哪些信号合成
本站实装验证(真实安装 L4 覆盖全站;L5 为运行时冒烟或实机截图,覆盖范围小于 L4) · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。 下方各区块是它的证据明细。
⚠︎ 实装验证未通过(dependency_conflict · 2026/10/5) ——可能是验证环境差异,装前建议到 GitHub 仓库确认最近更新与 issue。
社区实装还没有人打卡 · 装过的第一个就是你
安装兼容性检查⚠ 装前注意未发布到 npm registry,仅可从源码安装
展开查看检查明细 ↓
以下结论由程序自动检查 npm 包、engines 声明与入口文件得出,未做人工实机验证——能装不等于用着没问题。
✗npm 包@dsh-local/dsh-diagram(未发布到 npm,仅可源码安装)
✓Node 引擎未声明 engines.node
✓dsh CLI 依赖未声明 dsh 版本约束
✓入口文件main/exports/bin 已声明
验证方式:npm registry 存在性 + package.json 静态校验 · 最后检查 2026/9/22 02:04:00
安全扫描自动 · 静态分析源码v2.7.0🔵 扫描:含敏感能力尚无人工评估展开查看扫描说明与证据 ↓
安全扫描自动 · 静态分析源码
v2.7.0静态扫描发现插件具备触达本地系统的能力:执行外部命令、读写/删除本地文件、读取剪贴板或密钥类环境变量(至少其一)。这是能力清单,不是危险判定——具体能力项与证据见下方,安装前请自行判断是否需要。
读写/删除本地文件写入剪贴板(不计风险)
查看扫描证据(共 6 处,展示前 6 条)
- 读取本地文件lib/index.js:67
cachedScript = await readFile(dist, "utf8"); - 写入剪贴板lib/client.js:447
navigator.clipboard?.writeText(pre.textContent ?? "").then(() => { - 写入剪贴板lib/client.js:511
await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]); - 写入剪贴板src/client/index.ts:270
void navigator.clipboard?.writeText(pre.textContent ?? '').then(() => { - 写入剪贴板src/client/index.ts:337
await navigator.clipboard.write([new ClipboardItem({ 'image/png': blob })]) - 读取本地文件src/index.ts:83
cachedScript = await readFile(dist, 'utf8')
扫描于 2026/11/4(0 天前) · 范围 入口闭包 + 发布文件清单 · 来源 GitHub 仓库
静态扫描只反映源码中出现的调用,不构成安全背书;人工评估与自动扫描相互独立、互不覆盖。
依赖的 DSH / Cordis 模块
@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-primitives@deepseek-ai/dsh-client-ui-slots给这个插件打分还没有人投票↓
用户评分
还没有人投票,来当第一个
功能亮点
- 生成流程图时序图类图
- 辅助代码审查与架构分析
DSH 插件:聊天中的 mermaid 代码块原位渲染成示意图(流程图/时序图/类图等),辅助代码审查与架构分析
README
由 DeepSeek 最新模型翻译生成dsh-diagram
DSH 图表插件:让 DSH 在审查代码、分析架构时直接在回复里写 mermaid 代码块,Web 界面将其原位渲染成示意图(流程图 / 时序图 / 类图 / 状态图 / ER 图 / 甘特图 / 饼图),辅助理解。
工作方式
- Agent 侧:宿主半边向每个 agent 的系统提示词注入「画图规范」——审查代码 / 梳理调用链 / 解释数据流与请求时序时,主动用 - 浏览器侧: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 块时 加载,本地闭环不走 CDN。
展开完整文档(README 剩余 1 节)
dsh-diagram DSH 图表插件:让 DSH 在审查代码、分析架构时直接在回复里写 mermaid 代码块,Web 界面将其原位渲染成示意图(流程图 / 时序图 / 类图 / 状态图 / ER 图 / 甘特图 / 饼图),辅助理解。 工作方式 - Agent 侧:宿主半边向每个 agent 的系统提示词注入「画图规范」——审查代码 / 梳理调用链 / 解释数据流与请求时序时,主动用 - 浏览器侧: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 块时 加载,本地闭环不走 CDN。 - 渲染失败不吞内容:保留源码并显示错误条,模型可自行修正语法;跟随界面明暗主题;flowchart 使用纯 SVG 文本标签(htmlLabels:false)保证 PNG 导出可靠。 安装 powershell dsh plugin --profile web add github:zhangTELL/dsh-diagram 重启 dsh web / DSH Desktop 后生效 从源码构建: powershell git clone https://github.com/zhangTELL/dsh-diagram.git cd dsh-diagram pnpm install pnpm build dsh plugin --profile web add link:"$PWD" 结构 src/index.ts 宿主:systemPrompt 公告 + mermaid.min.js 路由 src/client/index.ts 浏览器:代码块扫描 / 渲染 / 工具条 / 主题 / 放大弹层 src/client/SettingsSection.tsx 应用设置「图表」分区(介绍 + 自动渲染开关) src/client/prefs.ts 浏览器侧偏好(自动渲染开关,localStorage) lib/ tsdown 产物(index.js 宿主 / client.js 浏览器闭包) 应用「设置 → 图表」栏目提供插件介绍、支持的图型说明和「自动渲染聊天中的 mermaid 代码块」开关(关闭后新消息的 mermaid 块保持源码显示)。 其他 mermaid 图型(mindmap / timeline 等)当前不支持渲染,只显示源码;如需扩展,把图型关键字加进 src/client/index.ts 的 SUBSET_RE 并同步更新宿主公告。
预览分享卡片长什么样 ↓
分享 · DeepSeek Harness Hub
zhangTELL/dsh-diagram
把聊天里的 mermaid 代码块原位渲染成示意图
相关插件 · 其他
模型破甲清洗HunYiSage/dsh-purge
⚔️ DeepSeek Harness 网络安全红队工具dsh-purge
★ 16,993已汉化DeepSeek 客户端
73
女娲蒸馏alchaincyf/nuwa-skill
输入名人名字,提炼其思维模型与决策方式供你调用
★ 37,308已汉化DSH
72
逆向分析桥接Fanqi89/dsh-rea
REA(Reverse Engineer Anything)MCP 桥接,用来把 REA 逆向工具接入 DSH 插件
★ 51已汉化DSH
72
语音女友beiyege-01/dsh-voice-ai-girlfriend
语音 AI 女友Voice AI girlfriend for DeepSeek Harness:Whisper…
★ 888已汉化DSH
71.6
红队越狱测试套件Minglink/dsh-infinite-gen-5
DeepSeek v4.1 flash 逆向工具无限五代 求 Star 收藏 ⭐欢迎大家提交项目的改进
★ 3,759已汉化DSH
71.4
协同办公空间dream-num/univer-workspace
一个让人类与 AI Agent 共同创作、协作和审阅的开源 Office 工作空间。
★ 2,269已汉化DSH
70.8
这是你的仓库?认领条目