Workflow de design
dsh-web-review
Pointez des éléments sur une page live, annotez visuellement, et l’agent édite la source.
De quoi il s’agit
Un navigateur intégré à l’UI web du harness : survolez et sélectionnez des éléments comme dans un outil de design, attachez des notes et essayez des ajustements visuels en direct — texte, couleur, typo, taille, espacement, bordures, effets. Les annotations embarquent sélecteurs et indices de source pour que l’agent retrouve et corrige le code.
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.
Pourquoi ça compte pour le design
- Pointer et annoter visuellement remplace la description des problèmes d’UI avec des mots.
- Les ajustements en direct prévisualisent un changement sur la page avant de toucher au moindre code.
- Livré avec huit skills de design intégrés, de better-typography à interface-review, utilisables depuis l’éditeur d’annotations.
Ce que ça couvre
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
Comment l’installer
dsh-web-review
-
Lancez ceci dans un terminal.
dsh plugin --profile web add @canglongcl/dsh-web-review -
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
-
Ajoutez le plugin et lancez dsh web.
-
Ouvrez votre app en cours d’exécution dans l’onglet Web Preview et annotez ce qui doit changer.
-
Envoyez — l’agent reçoit sélecteurs, notes et valeurs essayées, puis édite la source du workspace.
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 Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de DeepSeek Harness avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.