Workspace & Vorschau

DSH-better-sidebar

Eine komplette Workbench in der Sidebar: Datei-Explorer, reichhaltige Previews, Terminal, Git und ein Browser.

Worum es geht

Eine Doppel-Panel-Workbench für das Web-UI des Harness: ein lazy ladender Datei-Explorer mit CodeMirror-Editing, Inline-Previews für Bilder, Markdown, HTML, PDF und Office-Dateien, ein echtes Terminal, ein Git-Panel mit Diffs im VS-Code-Stil, ein eingebetteter sandboxed Browser und per Drag verschiebbare Split-Pane-Tabs.

一个侧边栏的完整工作台,支持三方拓展注册新Tab页面,内置文件渲染编辑/终端/Git/子代理
Aus der Upstream-README

Warum das fürs Design zählt

  • Sieh dir HTML, Bilder und Dokumente, die der Agent produziert, in der Vorschau an, ohne die Unterhaltung zu verlassen.
  • Ein eingebetteter sandboxed Browser öffnet deinen laufenden Prototyp in einem Tab neben dem Chat.
  • Drittanbieter-Plugins können über seine Service-API eigene Tabs und Datei-Previewer registrieren.

Was es abdeckt

  • File explorer
  • Editing & preview
  • Terminal
  • Git panel
  • Embedded browser
  • Split-pane workbench

So installierst du es

DSH-better-sidebar

  1. Führe das in einem Terminal aus.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  2. Starte dsh web neu, damit es das Plugin lädt.

  3. Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.

So nutzt du es mit DeepSeek Harness

  1. Installiere mit dem Einzeiler-Skript, oder füg das npm-Paket deinem web-Profil hinzu.

  2. Öffne die Workbench und verteile Tabs über die rechte Sidebar und das untere Panel.

  3. Prüfe direkt an Ort und Stelle, was der Agent gebaut hat: Previews, Diffs, Terminal- und Browser-Tabs.

Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.

Mehr im DeepSeek-Harness-Repo ↗

Nächster Schritt

Mit Open Design designen, ohne Setup

Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.

Open Design Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS, Windows und Linux