Design-Workflow
dsh-web-review
Zeig auf Elemente einer Live-Seite, annotiere visuell, und der Agent bearbeitet den Quellcode.
Worum es geht
Ein eingebauter Browser für das Web-UI des Harness: Elemente per Hover hervorheben und auswählen wie in einem Design-Tool, Notizen anhängen und visuelle Live-Anpassungen ausprobieren — Text, Farbe, Typografie, Größe, Abstände, Rahmen, Effekte. Annotationen tragen Selektoren und Quellcode-Hinweise, damit der Agent den Code findet und fixt.
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.
Warum das fürs Design zählt
- Visuelles Zeigen und Annotieren ersetzt das wortreiche Beschreiben von UI-Problemen.
- Live-Anpassungen zeigen eine Änderung auf der Seite in der Vorschau, bevor Code angefasst wird.
- Bringt acht gebündelte Design-Skills mit, von better-typography bis interface-review, nutzbar aus dem Annotations-Editor.
Was es abdeckt
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
So installierst du es
dsh-web-review
-
Führe das in einem Terminal aus.
dsh plugin --profile web add @canglongcl/dsh-web-review -
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 und starte dsh web.
-
Öffne deine laufende App im Web-Preview-Tab und annotiere, was sich ändern soll.
-
Absenden — der Agent erhält Selektoren, Notizen und ausprobierte Werte und bearbeitet den Workspace-Quellcode.
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-ui-spec Macht aus UI-Screenshots implementierungsreife Specs: Tokens, Spacing-Skala, Layout-Raster. 
Vision & Eingabe Was es macht dsh-media-skills Kostenlose Augen und ein kostenloser Pinsel: eingefügte Bilder lesen plus Bildgenerierung ohne Wasserzeichen. 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.