Visión y entrada
dsh-ui-spec
Convierte capturas de UI en especificaciones a nivel de implementación: tokens, escala de espaciado, rejilla de maquetación.
Qué es
Una única herramienta analyze_ui_image que convierte una captura o un mockup en una spec de frontend estructurada. Una capa de geometría determinista mide dimensiones exactas, paleta, tokens de diseño sugeridos, rejilla de maquetación y escala de espaciado; un modelo de visión opcional añade semántica encima.
DeepSeek Harness plugin: turn UI screenshots into structured, implementation-grade web frontend specs. Deterministic geometry (sharp) + optional vision-model semantics, merged into one JSON + Markdown spec.
Por qué importa para el diseño
- Las coordenadas de píxel, las escalas de espaciado y las paletas de tokens se calculan de forma determinista, no las adivina un modelo de visión.
- Los campos de la spec se corresponden directamente con la implementación: los tokens sugeridos con los design tokens, la escala de espaciado con el CSS.
- Los roles semánticos aportan la intención mientras la geometría aporta la colocación, fusionados en una única spec JSON + Markdown.
Qué cubre
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
Cómo instalarlo
dsh-ui-spec
-
Ejecuta esto en una terminal.
dsh plugin --profile web add dsh-ui-spec -
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; la capa de geometría funciona offline sin configuración alguna.
-
Opcionalmente apunta la capa semántica a cualquier endpoint de visión compatible con OpenAI.
-
Entrégale al agente una captura y construye a partir de la spec devuelta en vez de la imagen.
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-media-skills Ojos gratis y un pincel gratis: lectura de imágenes pegadas más generación de imágenes sin marca de agua. 
Visión y entrada Qué hace dsh-vision-router Ojos gratis y sin key para agentes de solo texto: una cadena de visión integrada más once herramientas a nivel de píxel. 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.