Canvas e generative UI

dsh-openpencil

L’agente progetta su una vera tela vettoriale modificabile invece di restituire immagini statiche.

Che cos’è

Collega l’harness a OpenPencil, uno strumento di design vettoriale open source e AI-native. Cinque strumenti permettono all’agente di creare, modificare, renderizzare e ispezionare documenti .op design-as-code tramite batch transazionali, con anteprime multi-frame e un editor gestito per il subentro umano.

OpenPencil design preview and editing plugin for DSH
Dal README upstream

Perché conta per il design

  • Un unico ciclo dal requisito alla tela: l’agente modifica il documento reale e le anteprime rendono frame fedeli al design.
  • I batch transazionali pubblicano solo in caso di successo e non sovrascrivono mai le modifiche esterne — i conflitti emergono invece di sparire.
  • Un editor gestito con selezione, livelli, proprietà e undo permette a un umano di subentrare sull’output dell’agente in qualsiasi momento.

Cosa copre

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

Come installarlo

dsh-openpencil

  1. Eseguilo in un terminale.

    npx --yes -p @deepseek-ai/[email protected] dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
  2. Riavvia dsh web così carica il plugin.

  3. Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.

Come usarlo con DeepSeek Harness

  1. Installa OpenPencil, poi aggiungi il plugin al tuo profilo web.

  2. Descrivi il design; l’agente guida openpencil_create e openpencil_edit in batch.

  3. Apri l’anteprima renderizzata o l’editor gestito e continua a iterare sul posto.

Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.

Altro nel repo di DeepSeek Harness ↗

Prossimo passo

Progetta con OpenDesign, senza il setup

Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con OpenDesign. Usa la tua chiave, resta padrone dell’output.

OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows