Canvas e generative UI

dsh-genui

Più di trenta componenti interattivi renderizzati inline nelle risposte, con un ciclo di azioni verso il modello.

Che cos’è

Il modello descrive un’interfaccia come JSON in un fence dsh-ui; un renderer lato browser la trasforma in componenti live dentro la risposta — card, tabelle, grafici, form, tab, timeline, diff, mermaid, scene 3D — che compaiono mentre la risposta arriva in streaming.

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.
Dal README upstream

Perché conta per il design

  • Le risposte diventano interfacce: pannelli dati, grafici e form si renderizzano dove avviene la spiegazione.
  • I componenti interattivi rimandano azioni al modello, che a sua volta aggiorna la UI.
  • Una whitelist di componenti e una guardia sulla spec fanno sì che un grafico rotto non arrivi mai a schermo.

Cosa copre

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

Come installarlo

dsh-genui

  1. Eseguilo in un terminale.

    dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git
  2. Riavvia dsh web così carica il plugin.

  3. Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.

Come usarlo con DeepSeek Harness

  1. Aggiungi il plugin da GitHub e riavvia dsh web.

  2. Chiedi una dashboard, un quiz o un form; il modello scrive da sé il fence dsh-ui.

  3. Interagisci con il risultato — le azioni locali rispondono all’istante, quelle del modello tornano in ciclo.

Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.

Altro nel repo di DeepSeek Harness ↗

Prossimo passo

Progetta con Open Design, senza il setup

Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.

Open Design Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS, Windows e Linux