Vision & entrée
dsh-ui-spec
Transforme des captures d’UI en specs prêtes à implémenter : tokens, échelle d’espacement, grille de mise en page.
De quoi il s’agit
Un unique outil analyze_ui_image qui convertit une capture ou une maquette en spec frontend structurée. Une couche géométrique déterministe mesure dimensions exactes, palette, design tokens suggérés, grille de mise en page et échelle d’espacement ; un modèle de vision optionnel ajoute la sémantique par-dessus.
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.
Pourquoi ça compte pour le design
- Coordonnées en pixels, échelles d’espacement et palettes de tokens sont calculées de façon déterministe, pas devinées par un modèle de vision.
- Les champs de la spec se mappent droit sur l’implémentation : tokens suggérés vers design tokens, échelle d’espacement vers le CSS.
- Les rôles sémantiques fournissent l’intention, la géométrie fournit le placement, le tout fusionné en une seule spec JSON + Markdown.
Ce que ça couvre
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
Comment l’installer
dsh-ui-spec
-
Lancez ceci dans un terminal.
dsh plugin --profile web add dsh-ui-spec -
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 ; la couche géométrique fonctionne hors ligne, sans aucune configuration.
-
Pointez au besoin la couche sémantique vers n’importe quel endpoint de vision compatible OpenAI.
-
Donnez une capture à l’agent et construisez à partir de la spec renvoyée plutôt que de l’image.
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-media-skills Des yeux gratuits et un pinceau gratuit : lecture d’images collées et génération d’images sans filigrane. 
Vision & entrée Ce qu’il fait dsh-vision-router Des yeux gratuits et sans clé pour les agents purement textuels : une chaîne de vision intégrée plus onze outils au pixel près. 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.