Workspace e anteprima

DSH-better-sidebar

Un workbench completo nella sidebar: esplora file, anteprime ricche, terminale, Git e un browser.

Che cos’è

Un workbench a doppio pannello per la web UI dell’harness: un esplora file a caricamento lazy con editing CodeMirror, anteprime inline per immagini, Markdown, HTML, PDF e file Office, un vero terminale, un pannello Git con diff in stile VS Code, un browser sandboxed integrato e tab a pannelli divisibili trascinabili.

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

Perché conta per il design

  • Guarda in anteprima HTML, immagini e documenti prodotti dall’agente senza lasciare la conversazione.
  • Un browser sandboxed integrato apre il tuo prototipo in esecuzione in una tab accanto alla chat.
  • I plugin di terze parti possono registrare le proprie tab e i propri visualizzatori di file tramite la sua API di servizio.

Cosa copre

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

Come installarlo

DSH-better-sidebar

  1. Eseguilo in un terminale.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  2. Riavvia dsh web così carica il plugin.

  3. Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.

Come usarlo con DeepSeek Harness

  1. Installa con lo script di una riga, oppure aggiungi il pacchetto npm al tuo profilo web.

  2. Apri il workbench e disponi le tab tra la sidebar destra e il pannello inferiore.

  3. Rivedi sul posto ciò che l’agente ha costruito: anteprime, diff, terminale e tab del browser.

Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.

Altro nel repo di DeepSeek Harness ↗

Prossimo passo

Progetta con OpenDesign, senza il setup

Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con OpenDesign. Usa la tua chiave, resta padrone dell’output.

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows