Canvas & UI Generativa

dsh-genui

Mais de trinta componentes interativos renderizados inline nas respostas, com um loop de ações de volta ao modelo.

O que é

O modelo descreve uma interface como JSON num fence dsh-ui; um renderizador no navegador a transforma em componentes vivos dentro da resposta — cards, tabelas, gráficos, formulários, abas, linhas do tempo, diffs, mermaid, cenas 3D — aparecendo enquanto a resposta chega em 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.
Do README original

Por que isso importa para design

  • As respostas viram interfaces: painéis de dados, gráficos e formulários renderizam onde a explicação acontece.
  • Componentes interativos enviam ações de volta ao modelo, que atualiza a UI em resposta.
  • Uma whitelist de componentes e um guarda de spec garantem que um gráfico quebrado nunca chegue à tela.

O que cobre

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

Como instalar

dsh-genui

  1. Rode isto em um terminal.

    dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git
  2. Reinicie o dsh web para ele carregar o plugin.

  3. Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.

Como rodar com o DeepSeek Harness

  1. Adicione o plugin a partir do GitHub e reinicie o dsh web.

  2. Peça um dashboard, um quiz ou um formulário; o modelo escreve o fence dsh-ui sozinho.

  3. Interaja com o resultado — ações locais respondem na hora, ações do modelo voltam pelo loop.

Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.

Mais no repositório do DeepSeek Harness ↗

Próximo passo

Projete com o Open Design, sem a configuração

Instale este plugin por conta própria ou rode uma camada de design curada em volta do DeepSeek Harness com o Open Design. Use sua própria chave e seja dono do resultado.

Open Design Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS, Windows e Linux