Canvas & UI Generativa

dsh-diagram

Transforme qualquer artigo da sessão num canvas Excalidraw editável, não numa imagem descartável.

O que é

Um canvas Excalidraw dentro do harness: o agente chama diagram_create para construir um fluxograma, diagrama de arquitetura, linha do tempo, hierarquia ou comparação a partir de uma spec semântica compacta, e uma aba Canvas abre o editor completo para você refinar textos, nós e conexões direto na sessão.

Turn any article already available in a DeepSeek Harness session into an editable Excalidraw canvas. The Agent creates the structure; you refine the text, nodes, and connections directly in DSH.
Do README original

Por que isso importa para design

  • Editável, não descartável: continue trabalhando num canvas vetorial de verdade em vez de aceitar uma imagem estática gerada.
  • O autosave por revisão com compare-and-set impede que um editor desatualizado sobrescreva silenciosamente um trabalho mais novo.
  • Exporta .excalidraw, SVG ou PNG, e as edições manuais só chegam ao agente quando você pede para ele chamar diagram_read.

O que cobre

  • Why dsh-diagram?
  • Quick install
  • Create your first diagram
  • What it adds
  • Compatibility
  • Data, security, and limits

Como instalar

dsh-diagram

  1. Rode isto em um terminal.

    dsh plugin --profile web add dsh-diagram@latest
  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 ao seu perfil web e reinicie o dsh web.

  2. Peça um diagrama claro do artigo que está na sessão; o agente chama diagram_create.

  3. Abra a aba Canvas, edite diretamente, e então exporte ou deixe o agente ler suas mudanças de volta.

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