Workspace & aperçu

dsh-web-preview

Un panneau latéral effet verre qui prévisualise le workspace, exécute le projet et annote les éléments.

De quoi il s’agit

Un panneau latéral d’aperçu web pour l’UI web du harness : les fichiers du workspace sont servis pour l’aperçu — Markdown rendu, code avec numéros de ligne, images et HTML tels quels — les projets détectent leur type automatiquement (Cargo, package.json, go.mod, Python) et s’exécutent avec des logs en direct, et un mode marquage renvoie les annotations d’éléments dans la conversation.

DeepSeek Harness(DSH)侧边网页预览面板 —— 一个标准 Cordis 插件包(Host + Client 双半),把工作区目录托管成 iframe 预览,并支持项目运行、元素标记批注与链接点击接管。
Depuis le README en amont

Pourquoi ça compte pour le design

  • Le prototype que l’agent vient d’écrire s’ouvre à côté du chat, barre d’adresse synchronisée et largeur de panneau réglable à la souris.
  • Le mode marquage surligne les éléments au survol, capture un sélecteur et un instantané HTML, et envoie votre note dans la conversation.
  • Liens, chemins de fichiers et fichiers déposés s’ouvrent tous dans le panneau : la revue ne quitte jamais la session.

Ce que ça couvre

  • 功能
  • 安装
  • 开发
  • 协议

Comment l’installer

dsh-web-preview

  1. Lancez ceci dans un terminal.

    cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel
  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 le package dans le dossier de votre profil web, puis montez-le en ajoutant une entrée insert nommée dsh-web-preview-panel dans le cordis.patch.yml de ce profil.

  2. Redémarrez dsh web et ouvrez le bouton d’aperçu ▶ en haut à droite de la conversation.

  3. Exécutez le projet depuis le panneau, annotez des éléments et envoyez logs ou notes directement à l’agent.

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