Generate interactive visualizations in DSH conversations
Nagi-ovo/dsh-visualize · skills
Render model-generated interactive cards inside DSH conversations.
★ 92GitHub stars
3Forks
2026-08-15Last updated
TypeScriptLanguage
BSD-3-ClauseLicense
Project overview
直接告诉模型你想看什么,例如「做一个能调参数的排序算法可视化」。模型会写出一份 HTML fragment,再调用 visualize(path, title?, mode?) 把它放进对话。适合并排比较的内容可以使用 mode: "wide"。
卡片会跟随 DSH 的明暗主题和鲸鱼蓝配色。会话重放时,页面从持久化的工具结果恢复,不依赖原始 fragment 文件仍然存在。 安全
卡片运行在不透明来源的 sandboxed iframe 中,不能接触宿主页面。CSP 会阻止网络请求、嵌套页面和表单提交,只允许从固定 CDN 加载静态资源。单个 fragment 默认上限为 1000000 字节,可以通过 maxFragmentBytes 调整。 限制
Install command
dsh plugin --profile web add github:Nagi-ovo/dsh-visualize