Workspace & Preview
dsh-web-preview
Um painel lateral de vidro que mostra o preview do workspace, roda o projeto e anota elementos.
O que é
Um painel lateral de preview web para a interface web do harness: os arquivos do workspace são servidos para preview — Markdown renderizado, código com números de linha, imagens e HTML como estão —, os projetos detectam seu tipo automaticamente (Cargo, package.json, go.mod, Python) e rodam com logs ao vivo, e um modo de marcação captura anotações de elementos de volta para a conversa.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
Por que isso importa para design
- O protótipo que o agente acabou de escrever abre ao lado do chat, com a barra de endereço sincronizada e a largura do painel arrastável.
- O modo de marcação destaca elementos no hover, captura um seletor e um snapshot do HTML, e envia sua nota para a conversa.
- Links, caminhos de arquivo e arquivos arrastados abrem no painel, então a revisão nunca sai da sessão.
O que cobre
- 功能
- 安装
- 开发
- 协议
Como instalar
dsh-web-preview
-
Rode isto em um terminal.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
Reinicie o dsh web para ele carregar o plugin.
-
Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.
Como rodar com o DeepSeek Harness
-
Instale o pacote no diretório do seu perfil web e depois monte-o adicionando uma entrada insert chamada dsh-web-preview-panel ao cordis.patch.yml desse perfil.
-
Reinicie o dsh web e abra o botão de preview ▶ no canto superior direito da conversa.
-
Rode o projeto pelo painel, anote elementos e envie logs ou notas direto para o agente.
Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.
Mais no repositório do DeepSeek Harness ↗Mais plugins de design para o DeepSeek Harness
Visão & Entrada O que ele faz modlens Dá visão plugável aos modelos DeepSeek só de texto: cole um screenshot, receba evidência estruturada. 
Visão & Entrada O que ele faz dsh-vision-toolkit Dez ferramentas de visão para restauração de UI, grounding e verificação por pixel diff. 
Visão & Entrada O que ele faz dsh-ui-spec Transforma screenshots de UI em specs prontas para implementação: tokens, escala de espaçamento, grid de layout. 
Visão & Entrada O que ele faz dsh-media-skills Olhos de graça e um pincel de graça: leitura de imagens coladas mais geração de imagens sem marca d'água. Próximo passo
Projete com o OpenDesign, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do DeepSeek Harness com o OpenDesign. Use sua própria chave e seja dono do resultado.