Workflow de design
dsh-annotate
Pointez des éléments du navigateur et envoyez à l’agent des faits structurés, pas des descriptions vagues.
De quoi il s’agit
Du feedback visuel dans le navigateur via une extension Chrome compagnon : /annotate passe en mode sélection, et chaque élément cliqué apporte un sélecteur, des faits DOM, les styles calculés saillants, des données d’accessibilité, votre commentaire et une capture optionnelle du viewport au tour suivant de l’agent.
Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Pourquoi ça compte pour le design
- Le feedback visuel reste attaché à l’élément de la page au lieu de devenir une description vague ou une capture collée.
- Styles calculés et données d’accessibilité arrivent comme des faits structurés sur lesquels l’agent peut agir directement.
- Un pont WebSocket en loopback restreint par hôte, origine et ID d’extension garde le canal local.
Ce que ça couvre
- Why this exists
- Features
- Install
- Use
- Configure
- Scope
Comment l’installer
dsh-annotate
-
Lancez ceci dans un terminal.
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate -
Redémarrez dsh web pour qu’il charge le plugin.
-
Décrivez ensuite le design voulu. Le harness récupère les outils du plugin.
Comment le faire tourner avec DeepSeek Harness
-
Clonez le dépôt et ajoutez le projet à un profil du harness, puis chargez son dossier browser-extension comme extension décompressée depuis chrome://extensions.
-
Lancez /annotate, cliquez des éléments sur la page et attachez un commentaire à chacun.
-
Envoyez — les faits capturés et la capture du viewport arrivent dans le tour suivant de l’agent.
Chaque plugin présenté ici est gratuit à installer et renvoie à sa vraie source amont.
Plus dans le dépôt DeepSeek Harness ↗Autres plugins design pour DeepSeek Harness
Vision & entrée Ce qu’il fait modlens Donne aux modèles DeepSeek purement textuels une vision par plugin : collez une capture, obtenez des preuves structurées. 
Vision & entrée Ce qu’il fait dsh-vision-toolkit Dix outils de vision pour la restauration d’UI, le grounding et la vérification par pixel diff. 
Vision & entrée Ce qu’il fait dsh-ui-spec Transforme des captures d’UI en specs prêtes à implémenter : tokens, échelle d’espacement, grille de mise en page. 
Vision & entrée Ce qu’il fait dsh-media-skills Des yeux gratuits et un pinceau gratuit : lecture d’images collées et génération d’images sans filigrane. Prochaine étape
Designez avec OpenDesign, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de DeepSeek Harness avec OpenDesign. Apportez votre clé, gardez la main sur ce que vous produisez.