Canvas & UI Generativa

dsh-visualize

O modelo desenha cards HTML interativos direto no fluxo da conversa.

O que é

Uma ferramenta visualize mais uma skill companheira: o modelo escreve um fragmento de HTML e o monta como um card interativo em sandbox dentro do chat — simuladores, gráficos, painéis de comparação e mockups de UI, com preview em streaming e estilo casado com o tema.

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.
Do README original

Por que isso importa para design

  • Os mockups de UI vivem na conversa e podem ser clicados, não só descritos.
  • Os cards seguem o tema claro/escuro e a paleta do host, então os previews parecem nativos.
  • Todo card roda num iframe em sandbox com uma CSP estrita — um fragmento quebrado não derruba a sessão.

O que cobre

  • Install
  • Use it
  • Security
  • Limitations

Como instalar

dsh-visualize

  1. Rode isto em um terminal.

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  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 e reinicie o dsh web.

  2. Peça um mockup ou uma comparação; o modelo chama visualize com seu próprio HTML.

  3. Reproduza a sessão depois — os cards são restaurados a partir do resultado persistido da ferramenta.

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 OpenDesign, 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 OpenDesign. Use sua própria chave e seja dono do resultado.

OpenDesign 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 e Windows