Vision & Eingabe
dsh-ui-spec
Macht aus UI-Screenshots implementierungsreife Specs: Tokens, Spacing-Skala, Layout-Raster.
Worum es geht
Ein einzelnes analyze_ui_image-Tool, das einen Screenshot oder ein Mockup in eine strukturierte Frontend-Spec umwandelt. Eine deterministische Geometrie-Ebene misst exakte Abmessungen, Palette, vorgeschlagene Design-Tokens, Layout-Raster und Spacing-Skala; ein optionales Vision-Modell legt Semantik obendrauf.
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.
Warum das fürs Design zählt
- Pixelkoordinaten, Spacing-Skalen und Token-Paletten werden deterministisch berechnet, nicht von einem Vision-Modell geraten.
- Spec-Felder mappen direkt auf die Umsetzung: vorgeschlagene Tokens auf Design-Tokens, die Spacing-Skala auf CSS.
- Semantische Rollen liefern die Absicht, Geometrie liefert die Platzierung — zusammengeführt in einer JSON- plus Markdown-Spec.
Was es abdeckt
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
So installierst du es
dsh-ui-spec
-
Führe das in einem Terminal aus.
dsh plugin --profile web add dsh-ui-spec -
Starte dsh web neu, damit es das Plugin lädt.
-
Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.
So nutzt du es mit DeepSeek Harness
-
Füg das Plugin hinzu; die Geometrie-Ebene arbeitet offline und ohne jede Konfiguration.
-
Verweise die semantische Ebene optional auf einen beliebigen OpenAI-kompatiblen Vision-Endpoint.
-
Gib dem Agenten einen Screenshot und bau aus der gelieferten Spec statt aus dem Bild.
Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.
Mehr im DeepSeek-Harness-Repo ↗Weitere DeepSeek-Harness-Design-Plugins
Vision & Eingabe Was es macht modlens Gibt rein textbasierten DeepSeek-Modellen Plug-in-Sehvermögen: Screenshot einfügen, strukturierte Evidenz bekommen. 
Vision & Eingabe Was es macht dsh-vision-toolkit Zehn Vision-Tools für UI-Rekonstruktion, Grounding und Pixel-Diff-Verifikation. 
Vision & Eingabe Was es macht dsh-media-skills Kostenlose Augen und ein kostenloser Pinsel: eingefügte Bilder lesen plus Bildgenerierung ohne Wasserzeichen. 
Vision & Eingabe Was es macht dsh-vision-router Kostenlose Augen ohne Key für rein textbasierte Agenten: eine eingebaute Vision-Kette plus elf Tools auf Pixelebene. Nächster Schritt
Mit OpenDesign designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit OpenDesign eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.