Espacio de trabajo y vista previa
dsh-web-preview
Un panel lateral de cristal que previsualiza el workspace, ejecuta el proyecto y anota elementos.
Qué es
Un panel lateral de vista previa web para la web UI del harness: los archivos del workspace se sirven para previsualizar — Markdown renderizado, código con números de línea, imágenes y HTML tal cual —, los proyectos detectan su tipo automáticamente (Cargo, package.json, go.mod, Python) y se ejecutan con logs en vivo, y un modo de marcado captura anotaciones de elementos de vuelta a la conversación.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
Por qué importa para el diseño
- El prototipo que el agente acaba de escribir se abre junto al chat, con la barra de direcciones sincronizada y el ancho del panel arrastrable.
- El modo de marcado resalta elementos al pasar el cursor, captura un selector y un snapshot HTML, y envía tu nota a la conversación.
- Los enlaces, las rutas de archivo y los archivos arrastrados se abren en el panel, así la revisión nunca sale de la sesión.
Qué cubre
- 功能
- 安装
- 开发
- 协议
Cómo instalarlo
dsh-web-preview
-
Ejecuta esto en una terminal.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
Reinicia dsh web para que cargue el plugin.
-
Luego describe el diseño que quieres. El harness recoge las herramientas del plugin.
Cómo ejecutarlo con DeepSeek Harness
-
Instala el paquete en el directorio de tu perfil web y luego móntalo añadiendo una entrada insert llamada dsh-web-preview-panel en el cordis.patch.yml de ese perfil.
-
Reinicia dsh web y abre el botón de vista previa ▶ arriba a la derecha de la conversación.
-
Ejecuta el proyecto desde el panel, anota elementos y envía logs o notas directamente al agente.
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 ↗Más plugins de diseño para DeepSeek Harness
Visión y entrada Qué hace modlens Da visión enchufable a los modelos DeepSeek de solo texto: pega una captura de pantalla y obtén evidencia estructurada. 
Visión y entrada Qué hace dsh-vision-toolkit Diez herramientas de visión para restauración de UI, grounding y verificación por diff de píxeles. 
Visión y entrada Qué hace dsh-ui-spec Convierte capturas de UI en especificaciones a nivel de implementación: tokens, escala de espaciado, rejilla de maquetación. 
Visión y entrada Qué hace dsh-media-skills Ojos gratis y un pincel gratis: lectura de imágenes pegadas más generación de imágenes sin marca de agua. Siguiente paso
Diseña con OpenDesign, sin montar nada
Instala este plugin tú mismo, o ejecuta toda una capa de diseño curada alrededor de DeepSeek Harness con OpenDesign. Trae tu propia key: lo que produzcas es tuyo.