Workspace e anteprima
dsh-web-preview
Un pannello laterale in vetro che fa l’anteprima del workspace, esegue il progetto e annota gli elementi.
Che cos’è
Un pannello laterale di anteprima web per la web UI dell’harness: i file del workspace vengono serviti per l’anteprima — Markdown renderizzato, codice con numeri di riga, immagini e HTML così com’è — i progetti rilevano da soli il proprio tipo (Cargo, package.json, go.mod, Python) e girano con log in tempo reale, e una modalità di marcatura riporta le annotazioni sugli elementi dentro la conversazione.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
Perché conta per il design
- Il prototipo che l’agente ha appena scritto si apre accanto alla chat, con la barra degli indirizzi sincronizzata e la larghezza del pannello trascinabile.
- La modalità di marcatura evidenzia gli elementi al passaggio, cattura un selettore e uno snapshot HTML, e invia la tua nota alla conversazione.
- Link, percorsi di file e file trascinati si aprono tutti nel pannello, così la review non lascia mai la sessione.
Cosa copre
- 功能
- 安装
- 开发
- 协议
Come installarlo
dsh-web-preview
-
Eseguilo in un terminale.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
Riavvia dsh web così carica il plugin.
-
Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.
Come usarlo con DeepSeek Harness
-
Installa il pacchetto nella directory del tuo profilo web, poi montalo aggiungendo una voce insert chiamata dsh-web-preview-panel nel cordis.patch.yml di quel profilo.
-
Riavvia dsh web e apri il bottone di anteprima ▶ in alto a destra della conversazione.
-
Esegui il progetto dal pannello, annota gli elementi e invia log o note direttamente all’agente.
Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.
Altro nel repo di DeepSeek Harness ↗Altri plugin di design per DeepSeek Harness
Visione e input Cosa fa modlens Dà ai modelli DeepSeek solo testuali una vista plug-in: incolla uno screenshot, ottieni evidenze strutturate. 
Visione e input Cosa fa dsh-vision-toolkit Dieci strumenti di visione per il ripristino di UI, grounding e verifica pixel-diff. 
Visione e input Cosa fa dsh-ui-spec Trasforma screenshot di UI in spec pronte per l’implementazione: token, scala di spaziatura, griglia di layout. 
Visione e input Cosa fa dsh-media-skills Occhi gratis e un pennello gratis: lettura di immagini incollate più generazione di immagini senza watermark. 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.