Tools & Capabilities
dsh-page-preview
watericetangcw/dsh-page-preview · ★ 5
A Cordis plugin that enables DeepSeek Harness to proactively preview and display web pages.
Manifest details
安装
dsh plugin --profile web add github:watericetangcw/dsh-page-previewGitHub 源码安装:首次需按提示配置 allowBuilds 构建授权后重试
For install and environment setup, plus plugin development tutorials, see DSH community docs ↗
README
Table of contents
dsh-page-preview
Show pages directly in the DeepSeek Harness Web GUI
简体中文 · English
Install once, use forever: turn HTML code blocks the model writes into inline interactive previews, and live-preview any local page or URL in a floating window at the bottom-right.
✨ Features
🖥️ Inline preview
Ask DSH to emit an html page-preview code block, and once the answer lands it becomes an interactive preview pane right below the message — fullscreen, collapse, open in a new tab — while the code block itself stays a normal code block.
🪟 Floating preview
Four tools, always ready:
| Tool | What it does |
|---|---|
preview_register |
Register and open a preview: a local HTML file, a directory containing index.html, or an http(s) URL |
preview_replace |
Switch the preview to another page |
preview_refresh |
Refresh after you edit the files |
preview_unregister |
Remove the registration and close the window |
The window is movable, resizable, and fullscreen-able; content scales to a virtual desktop width, so small windows never squash your page. Closing it morphs it into a top-right capsule with a breathing green light — click to bring it back. Previews are session-scoped, so switching sessions never mixes them up.
🚀 Quick install
One command:
dsh plugin --profile web add github:watericetangcw/dsh-page-preview
Then restart dsh web and refresh the browser page once.
🧪 Try it now
Copy a prompt, send it to DSH, and watch it work:
① Inline preview — generate and show a page
Please write a complete static HTML page (all CSS and JS inlined), show it in an `html page-preview` code block, and make it a live clock card.
② Floating preview — preview an online page
Please preview this page with preview_register: https://watericetangcw.github.io/dsh-page-preview/hello-world
③ Floating preview — preview a local project and refresh
Please preview the docs/demo-site directory with preview_register, change the page title to "dsh-page-preview demo", then call preview_refresh so I can see the update.
📖 Usage
- Inline preview: have DSH output
```html page-preview ... ```(CSS and JS must be fully inlined). - Floating preview: call
preview_registerwith a path or URL; the other three tools replace, refresh, and close it.
🔗 Links
- Repository: github.com/watericetangcw/dsh-page-preview
- Live demos: Hello World · demo-site
📄 License
MIT © 2026 WateRice