Plugin directory / Developer / dsh_design
dsh_design
Verified · install-tested on dsh xbyzzZ
What it does
Clickable HTML prototype canvas for DeepSeek Harness.
Works — verified, early-stage project
Clickable HTML prototype canvas for DeepSeek Harness. It installs cleanly and boots without issues in our testing. It's early-stage but functional.
“Verified” means our automated CI actually ran dsh plugin add in a clean profile and it booted — nothing more. Feature descriptions and version compatibility are the author’s claims. This is not a security audit and not an endorsement of third-party code.
README
dsh-design
Clickable HTML prototypes inside DeepSeek Harness.
What it does
- Agent tools (
design_*) write HTML under.dsh-design/ - Preview is a scaled artboard at the platform size
- Click the page, drop pins, and continue in the same chat
Official plugin docs: tools · publish · Cordis
Requirements
- DeepSeek Harness web profile, Node.js 22+
- dsh-better-sidebar for the sidebar tab (optional; tools still write files without it)
Two places to open Prototype (toolbar checkboxes):
| Entry | Where |
|---|---|
| Sidebar tab (on by default) | better-sidebar + → Prototype |
| Chat tab (off by default) | in-chat view tab |
Install
From this directory:
dsh plugin --profile web add .
Restart DSH. Open better-sidebar + and choose Prototype.
dsh plugin installs into $DSH_HOME/profiles/web and appends the bundle because package.json declares dsh.bundle.patch.
If add fails with pnpm v11.12.0 is a broken release, bump the profile packageManager pin (for example pnpm@11.22.0) and run the same command. That pin is not in this package.
Use
- In chat: “Make a login page.” If you did not already say platform / look, the agent asks: web, iOS, or Android? paper or ink?
- It calls
design_createthendesign_write. HTML lands under.dsh-design/. - The Prototype tab shows a scaled artboard:
- web 1280×800, iOS 390×844, Android 412×915
- several prototypes in one workspace → pick from the strip under the toolbar
- − / % / + zoom · Pan or hold Space and drag · two-finger scroll to pan · ⌘/Ctrl+scroll to zoom
- Pin: click a spot, write a note, then mention it in chat. The agent reads pins before rewriting.
Files may nest two folders. HTML can <link href="css/app.css">, <a href="settings.html">, <img src="assets/logo.png">. Raster images use encoding=base64. design_systems with id=paper or ink loads a sample page.
Looks:
| id | Use |
|---|---|
paper |
Light product UI (auth, settings, content) |
ink |
Dark operations UI (admin, tables, dashboards) |
Agent tools
| Tool | Role |
|---|---|
design_status |
Projects in this workspace and the file currently previewed |
design_systems |
Platforms, default artboards, and paper / ink |
design_create |
New project; pass platform and designSystem from discovery |
design_brief |
Complete or change the brief on an existing project |
design_write |
Write html / css / js / svg / raster; first HTML needs a complete brief |
design_list |
List files in a project |
design_open |
Point preview at an existing HTML file or another project |
design_comments |
Read canvas pins (x,y in 0..1, optional CSS selector) before rewriting |
Storage
<workspace>/.dsh-design/
current.json
projects/<id>/
project.json
comments.json
index.html
css/app.css
assets/logo.png
settings.html
Safe to commit or gitignore. Paths stay under .dsh-design. Single file cap is 512 KiB (maxFileBytes).
Config
The bundle ships cordis.patch.yml. Official patches replace config wholesale. To override:
- insert:
- id: dsh-design
name: dsh-design
config:
maxFileBytes: 524288
Develop
node --test test/*.test.js
Tests use Node builtins only.
Product notes (Chinese): docs/prd.md.
License
MIT. See LICENSE.
Install
Install the catalog once, then DeepSeek Harness can find and install any plugin from this site automatically:
dsh plugin add dshbase-catalogThen say "install dsh_design for me" — your agent finds it in the directory and installs it. Docs: dshbase-catalog · verified packs.
This plugin is GitHub source (not published to npm) — install it straight from the repo:
Web profile:
dsh plugin --profile web add github:xbyzzZ/dsh_designHeadless (CLI) profile:
dsh plugin --profile headless add github:xbyzzZ/dsh_designTest report
Verified: L1 install + L2 load + L3 runtime from GitHub source on dsh 0.1.0-rc.6.
Share this badge
Drop this badge into your README — it links back here and updates automatically when our test status changes:
[](https://dshbase.com/plugins/dsh-design/)<a href="https://dshbase.com/plugins/dsh-design/"><img src="https://dshbase.com/badges/dsh-design.svg" alt="dshbase install-tested"></a>