Workspace & aperçu

DSH-better-sidebar

Un workbench complet dans la sidebar : explorateur de fichiers, aperçus riches, terminal, Git et navigateur.

De quoi il s’agit

Un workbench à double panneau pour l’UI web du harness : un explorateur de fichiers à chargement paresseux avec édition CodeMirror, des aperçus intégrés pour images, Markdown, HTML, PDF et fichiers Office, un vrai terminal, un panneau Git avec des diffs façon VS Code, un navigateur sandboxé embarqué et des onglets en split-pane repositionnables.

一个侧边栏的完整工作台,支持三方拓展注册新Tab页面,内置文件渲染编辑/终端/Git/子代理
Depuis le README en amont

Pourquoi ça compte pour le design

  • Prévisualisez le HTML, les images et les documents produits par l’agent sans quitter la conversation.
  • Un navigateur sandboxé embarqué ouvre votre prototype en cours d’exécution dans un onglet à côté du chat.
  • Les plugins tiers peuvent enregistrer leurs propres onglets et prévisualiseurs de fichiers via son API de services.

Ce que ça couvre

  • File explorer
  • Editing & preview
  • Terminal
  • Git panel
  • Embedded browser
  • Split-pane workbench

Comment l’installer

DSH-better-sidebar

  1. Lancez ceci dans un terminal.

    npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar
  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 avec le script en une ligne, ou ajoutez le package npm à votre profil web.

  2. Ouvrez le workbench et répartissez les onglets entre la sidebar droite et le panneau du bas.

  3. Passez en revue ce que l’agent a construit, sur place : aperçus, diffs, terminal et onglets de navigateur.

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