watericetangcw

dsh-page-preview

Name: dsh-page-preview
Author: watericetangcw

A Cordis plugin that enables DeepSeek Harness to proactively preview and display web pages.

Introduction

让 DeepSeek Harness 直接在网页里把页面「显示」给你看

English · 简体中文

一次安装，永久可用：既能把模型生成的 HTML 代码块行内渲染成可交互预览，也能用右下角浮动小窗实时预览任意本地页面或网址。

让 DSH 输出一个 html page-preview 代码块，答案发完后，它就会变成消息下方的一个可交互预览面板——全屏、收起、在新窗口打开，样样都行，而代码块本身依然是普通代码块。

四个工具，随时预览：

工具	作用
`preview_register`	注册并打开预览：本地 HTML 文件、含 `index.html` 的目录，或 http(s) 网址
`preview_replace`	换一个页面继续预览
`preview_refresh`	改完文件后一键刷新
`preview_unregister`	解除注册并关闭

小窗可拖动、可缩放、可全屏；内容按虚拟桌面宽度等比缩放，小窗也不会把页面挤扁。关闭小窗时会「飞」向右上角，化成一枚带绿色呼吸灯的胶囊，点一下即恢复。预览按会话隔离，切换会话互不打扰。

一条命令即可：

dsh plugin --profile web add github:watericetangcw/dsh-page-preview

安装完成后重启 dsh web，并刷新一次浏览器页面，即可使用。

复制下面的提示词发给 DSH，立刻看到效果：

① 行内预览——生成并展示一个页面

请编写一个完整的静态 HTML 页面（CSS 与 JS 全部内联），用 `html page-preview` 代码块展示出来，内容是一个实时时钟卡片。

② 浮动小窗——预览一个在线页面

请用 preview_register 预览这个网页：https://watericetangcw.github.io/dsh-page-preview/hello-world

③ 浮动小窗——预览本地工程并刷新

请用 preview_register 预览 docs/demo-site 目录，然后把页面标题改成「dsh-page-preview 演示」，再调用 preview_refresh 让我看到更新。