Canvas & Generative UI

deepseek-harness-genui

The task grows a focused React interface — and what you choose in it flows back to the agent.

What it is

A runtime interface layer for agent tasks: when text gets in the way, the agent writes a small React + TypeScript app — shown inline, in Canvas, full screen or on localhost — to explain a difficult relationship, collect a complex decision, or operate a connected tool after task-scoped approval.

DeepSeek Harness GenUI is a runtime interface layer for Agent tasks. When text gets in the way, the Agent can make the current task grow a focused UI—to explain a difficult relationship, collect a complex decision, or operate a connected tool.
From the upstream README

Why it matters for design

  • Interfaces are code-first React, so layouts, controls and diagrams are real components, not screenshots.
  • Saved selections, inputs and drafts return to the task for later agent turns to read.
  • A DESIGN.md system with four visual profiles keeps generated apps on one design language.

What it covers

  • What Changes
  • When an Interface Helps
  • Inline & Canvas
  • How It Works
  • Design MD
  • Safety

How to install

deepseek-harness-genui

  1. Run this in a terminal.

    dsh plugin --profile web add dsh-plugin-genui && dsh plugin --profile web exec playwright install chromium
  2. Restart dsh web so it picks up the plugin.

  3. Then describe the design you want. The harness picks up the plugin’s tools.

How to run it with DeepSeek Harness

  1. Run the install command — it adds the plugin, then installs the Chromium that Playwright needs.

  2. Ask for an interface when interaction helps: a picker, an explorable model, a code-path explorer.

  3. Interact, then follow up — the agent reads what you selected instead of asking you to repeat it.

Every plugin here is free to install and links to its real upstream source.

More in the DeepSeek Harness repo ↗

Next step

Design with OpenDesign, without the setup

Install this plugin yourself, or run a whole curated design layer around DeepSeek Harness with OpenDesign. Bring your own key, own your output.

OpenDesign Desktop

One design system. Every output unmistakably your brand

Inside the full Vibe Design Workspace, use the same brand rules across websites, slide decks, interactive prototypes, dashboards, images, and HTML video. Connect Codex, Claude Code, Cursor, and other coding agents already on your computer, then create locally for free.

  • Web, slides, prototypes, dashboards, images, and video
  • 140+ design systems, plus the full template and skill library
  • Connect local Codex and 21+ coding agents · Free to use
Download free

Available for macOS and Windows