Canvas & generatives UI

dsh-visualize

Das Modell zeichnet interaktive HTML-Karten direkt in den Unterhaltungsstream.

Worum es geht

Ein visualize-Tool plus Begleit-Skill: das Modell schreibt ein HTML-Fragment und mountet es als sandboxed interaktive Karte im Chat — Simulatoren, Charts, Vergleichspanels und UI-Mockups, mit Streaming-Preview und Theme-abgestimmtem Styling.

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
Aus der Upstream-README

Warum das fürs Design zählt

  • UI-Mockups leben in der Unterhaltung und lassen sich anklicken, statt nur beschrieben zu werden.
  • Karten folgen dem Light/Dark-Theme und der Palette des Hosts, Previews wirken also nativ.
  • Jede Karte läuft in einem sandboxed iframe mit strikter CSP — ein kaputtes Fragment kann die Session nicht brechen.

Was es abdeckt

  • Install
  • Use it
  • Security
  • Limitations

So installierst du es

dsh-visualize

  1. Führe das in einem Terminal aus.

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  2. Starte dsh web neu, damit es das Plugin lädt.

  3. Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.

So nutzt du es mit DeepSeek Harness

  1. Füg das Plugin hinzu und starte dsh web neu.

  2. Frag nach einem Mockup oder einem Vergleich; das Modell ruft visualize mit seinem eigenen HTML auf.

  3. Spiel die Session später erneut ab — Karten werden aus dem persistierten Tool-Ergebnis wiederhergestellt.

Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.

Mehr im DeepSeek-Harness-Repo ↗

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.

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows