dsh-html-live-preview
在终端中运行以下命令:
dsh plugin install Weihong-Liu/dsh-html-live-preview
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在用于 Web UI 的 DeepSeek Harness 配置中运行 dsh plugin install Weihong-Liu/dsh-html-live-preview,或在 Web UI 的「Plugins」中安装;项目地址:https://github.com/Weihong-Liu/dsh-html-live-preview
插件介绍
在 DeepSeek Harness 里让模型「画页面、做图表、演示动画」时,纯 Markdown 代码块只能看源码,侧栏预览又容易和对话脱节。本插件把 HTML 直接嵌进聊天流:模型调用 render_html,你在同一条对话里就能看到画面随参数流式长出来,而不是等整段 ```html 贴完才去别处打开。
核心体验分两段:流式阶段会解析尚未写完的工具参数,边生成边刷新预览;调用结束后完整标记注入一次,按钮、动画、Canvas 与常见图表库可按文档顺序执行。回合结束后,预览会出现在折叠后的回合尾部,避免被工具过程行挤没;iframe 继承宿主明暗主题,脚本或资源失败会在卡片下方给出可关闭提示。
安全与边界也写进设计:沙箱 iframe、帧内无网络请求(数据需内联或走允许的 CDN)、单段 HTML 有体积上限。适合在 dsh web 下做原型、数据可视化演示、算法动画讲解,以及任何希望「说一句话就看见页面」的交互场景。
截图预览
使用场景
- 让模型根据数据画柱状图或折线图并直接在对话里查看
- 快速 mock 登录页、仪表盘等界面并测试按钮交互
- 用动画演示排序、分区等算法过程
适合人员
- 使用 dsh web 配置、希望在对话内看到可视化结果的开发者
- 需要原型演示或教学动画、不想反复复制 HTML 的用户
- 经常让模型生成页面或图表、厌倦纯代码块展示的团队