Flujo de diseño
dsh-annotate
Señala elementos del navegador y envíale al agente hechos estructurados, no descripciones vagas.
Qué es
Feedback visual del navegador a través de una extensión complementaria de Chrome: /annotate entra en modo selección, y cada elemento en el que haces clic aporta un selector, hechos del DOM, estilos computados destacados, datos de accesibilidad, tu comentario y una captura opcional del viewport al siguiente turno del agente.
Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Por qué importa para el diseño
- El feedback visual queda anclado al elemento de la página en vez de convertirse en una descripción vaga o una captura pegada.
- Los estilos computados y los datos de accesibilidad llegan como hechos estructurados sobre los que el agente puede actuar directamente.
- Un puente WebSocket de loopback restringido por host, origen e ID de extensión mantiene el canal en local.
Qué cubre
- Why this exists
- Features
- Install
- Use
- Configure
- Scope
Cómo instalarlo
dsh-annotate
-
Ejecuta esto en una terminal.
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate -
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
-
Clona el repo y añade el proyecto a un perfil del harness; luego carga su carpeta browser-extension como extensión sin empaquetar desde chrome://extensions.
-
Ejecuta /annotate, haz clic en elementos de la página y adjunta un comentario a cada uno.
-
Envía — los hechos capturados y la captura del viewport aterrizan en el siguiente turno del 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.