Workflow di design
dsh-web-review
Punta gli elementi su una pagina live, annota visivamente, e l’agente modifica il sorgente.
Che cos’è
Un browser integrato per la web UI dell’harness: evidenzia al passaggio e seleziona gli elementi come in uno strumento di design, allega note e prova regolazioni visive live — testo, colore, tipografia, dimensioni, spaziatura, bordi, effetti. Le annotazioni portano selettori e indizi sul sorgente così l’agente può trovare e correggere il codice.
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.
Perché conta per il design
- Puntare e annotare visivamente sostituisce il descrivere a parole i problemi di UI.
- Le regolazioni live mostrano in anteprima una modifica sulla pagina prima che venga toccato qualsiasi codice.
- Include otto skill di design integrate, da better-typography a interface-review, usabili dall’editor di annotazioni.
Cosa copre
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
Come installarlo
dsh-web-review
-
Eseguilo in un terminale.
dsh plugin --profile web add @canglongcl/dsh-web-review -
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 e avvia dsh web.
-
Apri la tua app in esecuzione nella tab Web Preview e annota cosa deve cambiare.
-
Invia — l’agente riceve selettori, note e valori provati, e modifica il sorgente del workspace.
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-ui-spec Trasforma screenshot di UI in spec pronte per l’implementazione: token, scala di spaziatura, griglia di layout. 
Visione e input Cosa fa dsh-media-skills Occhi gratis e un pennello gratis: lettura di immagini incollate più generazione di immagini senza watermark. Prossimo passo
Progetta con OpenDesign, senza il setup
Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con OpenDesign. Usa la tua chiave, resta padrone dell’output.