Design-Workflow
dsh-annotate
Zeig auf Browser-Elemente und schick dem Agenten strukturierte Fakten statt vager Beschreibungen.
Worum es geht
Visuelles Browser-Feedback über eine begleitende Chrome-Extension: /annotate startet den Auswahlmodus, und jedes Element, das du anklickst, steuert einen Selektor, DOM-Fakten, Computed-Style-Highlights, Accessibility-Daten, deinen Kommentar und optional einen Viewport-Screenshot zum nächsten Turn des Agenten bei.
Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Warum das fürs Design zählt
- Visuelles Feedback bleibt am Seitenelement verankert, statt zu einer vagen Beschreibung oder einem eingefügten Screenshot zu werden.
- Computed Styles und Accessibility-Daten kommen als strukturierte Fakten an, auf die der Agent direkt reagieren kann.
- Eine Loopback-WebSocket-Brücke, beschränkt auf Host, Origin und Extension-ID, hält den Kanal lokal.
Was es abdeckt
- Why this exists
- Features
- Install
- Use
- Configure
- Scope
So installierst du es
dsh-annotate
-
Führe das in einem Terminal aus.
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate -
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
-
Klone das Repo und füg das Projekt einem Harness-Profil hinzu, dann lade seinen browser-extension-Ordner über chrome://extensions als entpackte Extension.
-
Führe /annotate aus, klick Elemente auf der Seite an und häng an jedes einen Kommentar.
-
Absenden — die erfassten Fakten und der Viewport-Screenshot landen im nächsten Turn des Agenten.
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.