Workspace & Preview
DSH-better-sidebar
A full workbench in the sidebar: file explorer, rich previews, terminal, git and a browser.
What it is
A dual-panel workbench for the harness web UI: a lazy-loading file explorer with CodeMirror editing, inline previews for images, Markdown, HTML, PDF and Office files, a real terminal, a git panel with VS Code-style diffs, an embedded sandboxed browser, and draggable split-pane tabs.
一个侧边栏的完整工作台,支持三方拓展注册新Tab页面,内置文件渲染编辑/终端/Git/子代理
Why it matters for design
- Preview the HTML, images and documents the agent produces without leaving the conversation.
- An embedded sandboxed browser opens your running prototype in a tab beside the chat.
- Third-party plugins can register their own tabs and file previewers through its service API.
What it covers
- File explorer
- Editing & preview
- Terminal
- Git panel
- Embedded browser
- Split-pane workbench
How to install
DSH-better-sidebar
-
Run this in a terminal.
npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar -
Restart dsh web so it picks up the plugin.
-
Then describe the design you want. The harness picks up the plugin’s tools.
How to run it with DeepSeek Harness
-
Install with the one-line script, or add the npm package to your web profile.
-
Open the workbench and arrange tabs across the right sidebar and the bottom panel.
-
Review what the agent built in place: previews, diffs, terminal and browser tabs.
Every plugin here is free to install and links to its real upstream source.
More in the DeepSeek Harness repo ↗Next step
Design with NEXGERCORE, without the setup
Install this plugin yourself, or run a whole curated design layer around DeepSeek Harness with NEXGERCORE. Bring your own key, own your output.