这是什么
一个给 harness web UI 用的侧边网页预览面板：工作区文件直接托管出来预览——Markdown 渲染、代码带行号、图片和 HTML 原样呈现——项目自动识别类型（Cargo、package.json、go.mod、Python）并带实时日志运行，标记模式还能把元素批注采集回对话。
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
它对设计意味着什么
- Agent 刚写好的原型就开在对话旁边，地址栏保持同步，面板宽度可以拖拽。
- 标记模式悬停高亮元素，采集选择器和 HTML 快照，把你的批注发进对话。
- 链接、文件路径和拖进来的文件都在面板里打开，评审全程不用离开会话。
包含哪些内容
- 功能
- 安装
- 开发
- 协议
如何安装
dsh-web-preview
-
在终端里运行这条命令。
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
重启 dsh web，让它加载这个插件。
-
然后描述你想要的设计，DeepSeek Harness 会自动用上插件提供的工具。
如何配合 DeepSeek Harness 使用
-
把包装进你的 web profile 目录，然后在该 profile 的 cordis.patch.yml 里添加一条名为 dsh-web-preview-panel 的 insert 条目来挂载它。
-
重启 dsh web，点开对话右上角的 ▶ 预览按钮。
-
在面板里运行项目、标注元素，把日志或批注直接发给 Agent。
这里的每个插件都可以免费安装，并附上真实的上游源地址。
在 DeepSeek Harness 仓库里了解更多 ↗
下一步
用 OpenDesign 做设计，省掉那些配置
你可以自己装这个插件，也可以用 OpenDesign 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key，产出归你所有。