Visione e input
dsh-ui-spec
Trasforma screenshot di UI in spec pronte per l’implementazione: token, scala di spaziatura, griglia di layout.
Che cos’è
Un singolo strumento analyze_ui_image che converte uno screenshot o un mockup in una spec frontend strutturata. Un livello geometrico deterministico misura dimensioni esatte, palette, design token suggeriti, griglia di layout e scala di spaziatura; un modello di visione opzionale aggiunge la semantica sopra.
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.
Perché conta per il design
- Coordinate pixel, scale di spaziatura e palette di token sono calcolate in modo deterministico, non indovinate da un modello di visione.
- I campi della spec mappano dritti sull’implementazione: i token suggeriti sui design token, la scala di spaziatura sul CSS.
- I ruoli semantici forniscono l’intento mentre la geometria fornisce il posizionamento, fusi in un’unica spec JSON + Markdown.
Cosa copre
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
Come installarlo
dsh-ui-spec
-
Eseguilo in un terminale.
dsh plugin --profile web add dsh-ui-spec -
Riavvia dsh web così carica il plugin.
-
Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.
Come usarlo con DeepSeek Harness
-
Aggiungi il plugin; il livello geometrico funziona offline con zero configurazione.
-
Facoltativamente punta il livello semantico su qualsiasi endpoint di visione compatibile OpenAI.
-
Consegna all’agente uno screenshot e costruisci dalla spec restituita invece che dall’immagine.
Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.
Altro nel repo di DeepSeek Harness ↗Altri plugin di design per DeepSeek Harness
Visione e input Cosa fa modlens Dà ai modelli DeepSeek solo testuali una vista plug-in: incolla uno screenshot, ottieni evidenze strutturate. 
Visione e input Cosa fa dsh-vision-toolkit Dieci strumenti di visione per il ripristino di UI, grounding e verifica pixel-diff. 
Visione e input Cosa fa dsh-media-skills Occhi gratis e un pennello gratis: lettura di immagini incollate più generazione di immagini senza watermark. 
Visione e input Cosa fa dsh-vision-router Occhi gratuiti e senza chiave per agenti solo testuali: una catena di visione integrata più undici strumenti a livello di pixel. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.