Canvas & UI Generativa

dsh-openpencil

O agente projeta num canvas vetorial real e editável em vez de devolver imagens estáticas.

O que é

Conecta o harness ao OpenPencil, uma ferramenta open source de design vetorial nativa de IA. Cinco ferramentas permitem ao agente criar, editar, renderizar e inspecionar documentos .op de design-as-code por lotes transacionais, com previews de múltiplos frames e um editor gerenciado para a pessoa assumir o controle.

OpenPencil design preview and editing plugin for DSH
Do README original

Por que isso importa para design

  • Um ciclo único do requisito ao canvas: o agente edita o documento real e os previews renderizam frames fiéis ao design.
  • Os lotes transacionais só publicam em caso de sucesso e nunca sobrescrevem edições externas — conflitos vêm à tona.
  • Um editor gerenciado com seleção, camadas, propriedades e undo permite que uma pessoa assuma o trabalho do agente a qualquer momento.

O que cobre

  • Why DSH OpenPencil
  • Design Tools
  • Agent Design Workflow
  • Rendering Contract
  • Managed Editor
  • Current Limits

Como instalar

dsh-openpencil

  1. Rode isto em um terminal.

    npx --yes -p @deepseek-ai/dsh@0.1.0-rc.6 dsh plugin --profile web add @zseven-w/dsh-openpencil@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. Instale o OpenPencil e depois adicione o plugin ao seu perfil web.

  2. Descreva o design; o agente aciona openpencil_create e openpencil_edit em lotes.

  3. Abra o preview renderizado ou o editor gerenciado e continue iterando ali mesmo.

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