Design Workflow
dsh-web-review
Point at elements on a live page, annotate visually, and the agent edits the source.
What it is
A built-in browser for the harness web UI: hover-highlight and select elements like in a design tool, attach notes, and try live visual adjustments — text, color, typography, size, spacing, borders, effects. Annotations carry selectors and source clues so the agent can find and fix the code.
Select page elements in the built-in browser as you would in a design tool, leave feedback, and preview changes to text, colors, typography, dimensions, spacing, borders, and effects. Once submitted, the agent uses your page annotations to update the source code.
Why it matters for design
- Visual point-and-annotate replaces describing UI problems in words.
- Live adjustments preview a change on the page before any code is touched.
- Ships eight bundled design skills, from better-typography to interface-review, usable from the annotation editor.
What it covers
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
How to install
dsh-web-review
-
Run this in a terminal.
dsh plugin --profile web add @canglongcl/dsh-web-review -
Restart dsh web so it picks up the plugin.
-
Then describe the design you want. The harness picks up the plugin’s tools.
How to run it with DeepSeek Harness
-
Add the plugin and start dsh web.
-
Open your running app in the Web Preview tab and annotate what should change.
-
Send — the agent receives selectors, notes and tried values, and edits the workspace source.
Every plugin here is free to install and links to its real upstream source.
More in the DeepSeek Harness repo ↗Next step
Design with NEXGERCORE, without the setup
Install this plugin yourself, or run a whole curated design layer around DeepSeek Harness with NEXGERCORE. Bring your own key, own your output.