Canvas & UI Generativa

deepseek-harness-genui

A tarefa faz crescer uma interface React focada — e o que você escolhe nela volta para o agente.

O que é

Uma camada de interface em tempo de execução para tarefas do agente: quando o texto atrapalha, o agente escreve um pequeno app React + TypeScript — exibido inline, no Canvas, em tela cheia ou no localhost — para explicar uma relação difícil, coletar uma decisão complexa ou operar uma ferramenta conectada após aprovação com escopo de tarefa.

DeepSeek Harness GenUI is a runtime interface layer for Agent tasks. When text gets in the way, the Agent can make the current task grow a focused UI—to explain a difficult relationship, collect a complex decision, or operate a connected tool.
Do README original

Por que isso importa para design

  • As interfaces são React code-first, então layouts, controles e diagramas são componentes de verdade, não screenshots.
  • Seleções, entradas e rascunhos salvos retornam à tarefa para os turnos seguintes do agente lerem.
  • Um sistema DESIGN.md com quatro perfis visuais mantém os apps gerados numa única linguagem de design.

O que cobre

  • What Changes
  • When an Interface Helps
  • Inline & Canvas
  • How It Works
  • Design MD
  • Safety

Como instalar

deepseek-harness-genui

  1. Rode isto em um terminal.

    dsh plugin --profile web add dsh-plugin-genui && dsh plugin --profile web exec playwright install chromium
  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. Execute o comando de instalação — ele adiciona o plugin e depois instala o Chromium de que o Playwright precisa.

  2. Peça uma interface quando a interação ajudar: um seletor, um modelo explorável, um explorador de caminhos de código.

  3. Interaja e depois continue a conversa — o agente lê o que você selecionou em vez de pedir que você repita.

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