Workspace & Vorschau
dsh-web-preview
Ein gläsernes Seitenpanel, das den Workspace in der Vorschau zeigt, das Projekt ausführt und Elemente annotiert.
Worum es geht
Ein seitliches Web-Preview-Panel für das Web-UI des Harness: Workspace-Dateien werden zur Vorschau ausgeliefert — Markdown gerendert, Code mit Zeilennummern, Bilder und HTML unverändert — Projekte erkennen ihren Typ automatisch (Cargo, package.json, go.mod, Python) und laufen mit Live-Logs, und ein Markierungsmodus fängt Element-Annotationen zurück in die Unterhaltung ein.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
Warum das fürs Design zählt
- Der Prototyp, den der Agent gerade geschrieben hat, öffnet sich neben dem Chat — mit synchronisierter Adressleiste und per Drag verstellbarer Panelbreite.
- Der Markierungsmodus hebt Elemente per Hover hervor, erfasst Selektor und HTML-Snapshot und schickt deine Notiz in die Unterhaltung.
- Links, Dateipfade und abgelegte Dateien öffnen sich alle im Panel, das Review verlässt die Session also nie.
Was es abdeckt
- 功能
- 安装
- 开发
- 协议
So installierst du es
dsh-web-preview
-
Führe das in einem Terminal aus.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
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
-
Installiere das Paket in dein web-Profilverzeichnis und mounte es dann, indem du einen insert-Eintrag namens dsh-web-preview-panel in die cordis.patch.yml dieses Profils einträgst.
-
Starte dsh web neu und öffne den ▶-Preview-Button oben rechts in der Unterhaltung.
-
Führe das Projekt aus dem Panel aus, annotiere Elemente und schick Logs oder Notizen direkt an den 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.