Espacio de trabajo y vista previa

DSH-better-sidebar

Un banco de trabajo completo en la barra lateral: explorador de archivos, vistas previas ricas, terminal, Git y un navegador.

Qué es

Un banco de trabajo de doble panel para la web UI del harness: un explorador de archivos con carga diferida y edición con CodeMirror, vistas previas en línea de imágenes, Markdown, HTML, PDF y archivos de Office, una terminal real, un panel de Git con diffs al estilo VS Code, un navegador embebido y aislado, y pestañas arrastrables en paneles divididos.

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

Por qué importa para el diseño

  • Previsualiza el HTML, las imágenes y los documentos que produce el agente sin salir de la conversación.
  • Un navegador embebido y aislado abre tu prototipo en marcha en una pestaña junto al chat.
  • Los plugins de terceros pueden registrar sus propias pestañas y previsualizadores de archivos a través de su API de servicios.

Qué cubre

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

Cómo instalarlo

DSH-better-sidebar

  1. Ejecuta esto en una terminal.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  2. Reinicia dsh web para que cargue el plugin.

  3. Luego describe el diseño que quieres. El harness recoge las herramientas del plugin.

Cómo ejecutarlo con DeepSeek Harness

  1. Instálalo con el script de una línea, o añade el paquete de npm a tu perfil web.

  2. Abre el banco de trabajo y organiza las pestañas entre la barra lateral derecha y el panel inferior.

  3. Revisa lo que el agente construyó ahí mismo: vistas previas, diffs, terminal y pestañas del navegador.

Todos los plugins de esta colección se pueden instalar gratis y enlazan a su fuente original real.

Más en el repo de DeepSeek Harness ↗

Siguiente paso

Diseña con Open Design, sin montar nada

Instala este plugin tú mismo, o ejecuta toda una capa de diseño curada alrededor de DeepSeek Harness con Open Design. Trae tu propia key: lo que produzcas es tuyo.

Open Design Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS, Windows y Linux