Canvas & generatives UI

dsh-openpencil

Der Agent designt auf einem echten, editierbaren Vektor-Canvas, statt statische Bilder zurückzugeben.

Worum es geht

Verbindet den Harness mit OpenPencil, einem quelloffenen AI-nativen Vektor-Design-Tool. Fünf Tools lassen den Agenten Design-as-Code-.op-Dokumente über transaktionale Batches erstellen, bearbeiten, rendern und inspizieren, mit Multi-Frame-Previews und einem verwalteten Editor für die menschliche Übernahme.

OpenPencil design preview and editing plugin for DSH
Aus der Upstream-README

Warum das fürs Design zählt

  • Ein Loop von der Anforderung bis zum Canvas: der Agent bearbeitet das echte Dokument, und Previews rendern designgetreue Frames.
  • Transaktionale Batches werden nur bei Erfolg veröffentlicht und überschreiben nie externe Änderungen — Konflikte werden sichtbar.
  • Ein verwalteter Editor mit Auswahl, Ebenen, Eigenschaften und Undo lässt einen Menschen die Ausgabe des Agenten jederzeit übernehmen.

Was es abdeckt

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

So installierst du es

dsh-openpencil

  1. Führe das in einem Terminal aus.

    npx --yes -p @deepseek-ai/dsh@0.1.0-rc.6 dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
  2. Starte dsh web neu, damit es das Plugin lädt.

  3. Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.

So nutzt du es mit DeepSeek Harness

  1. Installiere OpenPencil und füg dann das Plugin deinem web-Profil hinzu.

  2. Beschreibe das Design; der Agent treibt openpencil_create und openpencil_edit in Batches.

  3. Öffne die gerenderte Vorschau oder den verwalteten Editor und iteriere direkt weiter.

Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.

Mehr im DeepSeek-Harness-Repo ↗

Nächster Schritt

Mit Open Design designen, ohne Setup

Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.

Open Design Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS, Windows und Linux