Canvas & generatives UI

dsh-genui

Über dreißig interaktive Komponenten, inline in Antworten gerendert, mit Action-Loop zurück zum Modell.

Worum es geht

Das Modell beschreibt ein Interface als JSON in einem dsh-ui fence; ein browserseitiger Renderer macht daraus Live-Komponenten in der Antwort — Karten, Tabellen, Charts, Formulare, Tabs, Timelines, Diffs, mermaid, 3D-Szenen — die schon beim Streamen der Antwort erscheinen.

GenUI for DeepSeek Harness: interactive UI components rendered inline in assistant replies via the dsh-ui fence — layout, charts, plots, forms, quizzes, mermaid, 3D scenes, and an action event loop back to the model.
Aus der Upstream-README

Warum das fürs Design zählt

  • Antworten werden zu Interfaces: Datenpanels, Charts und Formulare rendern dort, wo die Erklärung passiert.
  • Interaktive Komponenten senden Aktionen zurück ans Modell, das wiederum das UI aktualisiert.
  • Eine Komponenten-Whitelist und ein Spec-Guard sorgen dafür, dass ein kaputtes Chart nie auf dem Bildschirm landet.

Was es abdeckt

  • Dual-channel rendering
  • Before vs. after
  • What it can do
  • How it works
  • Roadmap

So installierst du es

dsh-genui

  1. Führe das in einem Terminal aus.

    dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git
  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 von GitHub hinzu und starte dsh web neu.

  2. Frag nach einem Dashboard, Quiz oder Formular; das Modell schreibt den dsh-ui fence selbst.

  3. Interagiere mit dem Ergebnis — lokale Aktionen reagieren sofort, Modell-Aktionen laufen zurück in den Loop.

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

Mehr im DeepSeek-Harness-Repo ↗

Nächster Schritt

Mit Open Design designen, ohne Setup

Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.

Open Design 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, Windows und Linux