Canvas & UI générative

dsh-openpencil

L’agent designe sur un vrai canvas vectoriel éditable au lieu de renvoyer des images statiques.

De quoi il s’agit

Connecte le harness à OpenPencil, un outil de design vectoriel open source et AI-native. Cinq outils permettent à l’agent de créer, éditer, rendre et inspecter des documents .op design-as-code via des lots transactionnels, avec des aperçus multi-frames et un éditeur managé pour la reprise en main humaine.

OpenPencil design preview and editing plugin for DSH
Depuis le README en amont

Pourquoi ça compte pour le design

  • Une seule boucle du besoin au canvas : l’agent édite le vrai document et les aperçus rendent des frames fidèles au design.
  • Les lots transactionnels ne publient qu’en cas de succès et n’écrasent jamais les éditions externes — les conflits remontent au lieu de disparaître.
  • Un éditeur managé avec sélection, calques, propriétés et undo permet à un humain de reprendre la sortie de l’agent à tout moment.

Ce que ça couvre

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

Comment l’installer

dsh-openpencil

  1. Lancez ceci dans un terminal.

    npx --yes -p @deepseek-ai/dsh@0.1.0-rc.6 dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
  2. Redémarrez dsh web pour qu’il charge le plugin.

  3. Décrivez ensuite le design voulu. Le harness récupère les outils du plugin.

Comment le faire tourner avec DeepSeek Harness

  1. Installez OpenPencil, puis ajoutez le plugin à votre profil web.

  2. Décrivez le design ; l’agent pilote openpencil_create et openpencil_edit par lots.

  3. Ouvrez l’aperçu rendu ou l’éditeur managé et continuez d’itérer sur place.

Chaque plugin présenté ici est gratuit à installer et renvoie à sa vraie source amont.

Plus dans le dépôt DeepSeek Harness ↗

Prochaine étape

Designez avec OpenDesign, sans la config

Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de DeepSeek Harness avec OpenDesign. Apportez votre clé, gardez la main sur ce que vous produisez.

OpenDesign Desktop

Un seul design system. Votre marque, cohérente partout

Dans le Vibe Design Workspace complet, appliquez les mêmes règles de marque aux sites, slides, prototypes interactifs, dashboards, images et vidéos HTML. Connectez Codex, Claude Code, Cursor et vos autres agents de code locaux, puis créez gratuitement.

  • Sites, slides, prototypes, dashboards, images et vidéos
  • Plus de 140 design systems et la bibliothèque complète de modèles et skills
  • Codex local et plus de 21 agents de code · Gratuit
Télécharger gratuitement

Disponible sur macOS et Windows