Workflow di design

dsh-annotate

Punta gli elementi del browser e invia all’agente fatti strutturati, non descrizioni vaghe.

Che cos’è

Feedback visivo del browser tramite un’estensione Chrome di accompagnamento: /annotate entra in modalità selezione, e ogni elemento su cui clicchi contribuisce al turno successivo dell’agente con un selettore, fatti sul DOM, evidenze degli stili calcolati, dati di accessibilità, il tuo commento e uno screenshot opzionale della viewport.

Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Dal README upstream

Perché conta per il design

  • Il feedback visivo resta ancorato all’elemento della pagina invece di diventare una descrizione vaga o uno screenshot incollato.
  • Stili calcolati e dati di accessibilità arrivano come fatti strutturati su cui l’agente può agire direttamente.
  • Un bridge WebSocket in loopback, ristretto per host, origin e ID dell’estensione, mantiene il canale locale.

Cosa copre

  • Why this exists
  • Features
  • Install
  • Use
  • Configure
  • Scope

Come installarlo

dsh-annotate

  1. Eseguilo in un terminale.

    git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate
  2. Riavvia dsh web così carica il plugin.

  3. Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.

Come usarlo con DeepSeek Harness

  1. Clona il repo e aggiungi il progetto a un profilo dell’harness, poi carica la sua cartella browser-extension come estensione non pacchettizzata da chrome://extensions.

  2. Esegui /annotate, clicca gli elementi sulla pagina e allega un commento a ciascuno.

  3. Invia — i fatti catturati e lo screenshot della viewport arrivano nel turno successivo dell’agente.

Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.

Altro nel repo di DeepSeek Harness ↗

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.

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows