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/子代理
From the upstream README

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

  1. Run this in a terminal.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  2. Restart dsh web so it picks up the plugin.

  3. Then describe the design you want. The harness picks up the plugin’s tools.

How to run it with DeepSeek Harness

  1. Install with the one-line script, or add the npm package to your web profile.

  2. Open the workbench and arrange tabs across the right sidebar and the bottom panel.

  3. 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.

NEXGERCORE เดสก์ท็อป

ดีไซน์ซิสเต็มเดียว ทุกงานที่ออกมาคือแบรนด์ของคุณ

ใน NEXGERCORE IDE ฉบับเต็ม ใช้กฎแบรนด์ชุดเดียวกันได้ทั้งเว็บไซต์ สไลด์ โปรโตไทป์ที่กดเล่นได้ แดชบอร์ด รูปภาพ และวิดีโอ HTML เชื่อม Codex, Claude Code, Cursor และ coding agent ตัวอื่นที่มีอยู่ในเครื่องคุณแล้ว จากนั้นสร้างงานในเครื่องได้ฟรี

  • เว็บ สไลด์ โปรโตไทป์ แดชบอร์ด รูปภาพ และวิดีโอ
  • ดีไซน์ซิสเต็มกว่า 140 ชุด พร้อมคลังเทมเพลตและสกิลครบ
  • เชื่อม Codex ในเครื่องและ coding agent อีกกว่า 21 ตัว · ใช้ฟรี
ดาวน์โหลดฟรี

รองรับ macOS, Windows และ Linux