Workspace & Preview

DSH-better-sidebar

Uma bancada de trabalho completa na barra lateral: explorador de arquivos, previews ricos, terminal, Git e um navegador.

O que é

Uma bancada de trabalho de painel duplo para a interface web do harness: um explorador de arquivos com carregamento sob demanda e edição via CodeMirror, previews inline de imagens, Markdown, HTML, PDF e arquivos Office, um terminal de verdade, um painel de Git com diffs no estilo do VS Code, um navegador embutido em sandbox e abas com divisão de painéis arrastável.

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

Por que isso importa para design

  • Veja o preview do HTML, das imagens e dos documentos que o agente produz sem sair da conversa.
  • Um navegador embutido em sandbox abre seu protótipo em execução numa aba ao lado do chat.
  • Plugins de terceiros podem registrar suas próprias abas e visualizadores de arquivo pela sua API de serviços.

O que cobre

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

Como instalar

DSH-better-sidebar

  1. Rode isto em um terminal.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  2. Reinicie o dsh web para ele carregar o plugin.

  3. Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.

Como rodar com o DeepSeek Harness

  1. Instale com o script de uma linha, ou adicione o pacote npm ao seu perfil web.

  2. Abra a bancada de trabalho e organize as abas entre a barra lateral direita e o painel inferior.

  3. Revise o que o agente construiu ali mesmo: previews, diffs, terminal e abas de navegador.

Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.

Mais no repositório do DeepSeek Harness ↗

Próximo passo

Projete com o Open Design, 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 Open Design. Use sua própria chave e seja dono do resultado.

Open Design Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS, Windows e Linux