Flujo de diseño
dsh-web-review
Señala elementos en una página en vivo, anota visualmente, y el agente edita el código fuente.
Qué es
Un navegador integrado para la web UI del harness: resalta al pasar el cursor y selecciona elementos como en una herramienta de diseño, adjunta notas y prueba ajustes visuales en vivo — texto, color, tipografía, tamaño, espaciado, bordes, efectos. Las anotaciones llevan selectores y pistas del código fuente para que el agente pueda encontrar y corregir el código.
Select page elements in the built-in browser as you would in a design tool, leave feedback, and preview changes to text, colors, typography, dimensions, spacing, borders, and effects. Once submitted, the agent uses your page annotations to update the source code.
Por qué importa para el diseño
- Señalar y anotar visualmente sustituye a describir los problemas de UI con palabras.
- Los ajustes en vivo previsualizan un cambio en la página antes de tocar cualquier código.
- Incluye ocho skills de diseño integradas, de better-typography a interface-review, usables desde el editor de anotaciones.
Qué cubre
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
Cómo instalarlo
dsh-web-review
-
Ejecuta esto en una terminal.
dsh plugin --profile web add @canglongcl/dsh-web-review -
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
-
Añade el plugin y arranca dsh web.
-
Abre tu app en marcha en la pestaña Web Preview y anota lo que debe cambiar.
-
Envía — el agente recibe los selectores, las notas y los valores probados, y edita el código fuente del workspace.
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 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.