Canvas & UI générative

dsh-visualize

Le modèle dessine des cartes HTML interactives directement dans le fil de conversation.

De quoi il s’agit

Un outil visualize et son skill compagnon : le modèle écrit un fragment HTML et le monte en carte interactive sandboxée dans le chat — simulateurs, graphiques, panneaux de comparaison et mockups d’UI, avec aperçu en streaming et style accordé au thème.

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
Depuis le README en amont

Pourquoi ça compte pour le design

  • Les mockups d’UI vivent dans la conversation et se cliquent, au lieu d’être seulement décrits.
  • Les cartes suivent le thème clair/sombre et la palette de l’hôte : les aperçus paraissent natifs.
  • Chaque carte tourne dans une iframe sandboxée avec une CSP stricte — un fragment cassé ne peut pas casser la session.

Ce que ça couvre

  • Install
  • Use it
  • Security
  • Limitations

Comment l’installer

dsh-visualize

  1. Lancez ceci dans un terminal.

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  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. Ajoutez le plugin et redémarrez dsh web.

  2. Demandez un mockup ou une comparaison ; le modèle appelle visualize avec son propre HTML.

  3. Rejouez la session plus tard — les cartes sont restaurées depuis le résultat d’outil persisté.

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