DeepSeek Harness plugin

dsh-ui-spec

DeepSeek Harness plugin: turn UI screenshots into structured, implementation-grade web frontend specs. Deterministic geometry (sharp) + optional vision-model semantics, merged into one JSON +

Jump to install

Source facts

Repository
yumimanji/dsh-ui-spec
Latest update
Aug 21, 2026
Category
UI Enhancements
GitHub stars
3
Format
plugin
Catalog evidence
Upstream dsh.bundle evidence
Evidence path
package.json#dsh.bundle
Checked against
0.1.0-rc.8
Upstream check date
2026-08-20

This evidence comes from the upstream catalog. This site has not installed, run, or security-reviewed the plugin.

Install

Start with a prompt that asks an agent to review the GitHub repository and source. Switch to the command if you want to install it yourself.

Copy this prompt into DSH, Codex, or another agent and ask it to review the GitHub repository and source first.

Do not install or run any commands yet. Read this plugin's GitHub repository, README, and relevant source code. Then answer the questions below clearly and directly so I can decide whether it fits my needs:

1. What is this plugin, and what problem does it solve?
2. Who is it for, and what are its typical use cases?
3. How is it used after installation? Include one minimal example.
4. What known limitations or privacy, security, compatibility, or maintenance risks does it have?
5. Give a clear recommendation: recommend, conditionally recommend, or do not recommend, with reasons.

Distinguish statements documented by the repository, inferences from source code, and unknowns. If evidence is insufficient, say so explicitly. Do not guess or simply repeat the README.

GitHub: https://github.com/yumimanji/dsh-ui-spec
Plugin: dsh-ui-spec
Author: yumimanji

Check the source files

Read the README and other files from this plugin directory before installing.

File explorer4 files
README.mdSource · read only
README language

dsh-ui-spec

English | 简体中文

![Version](package.json) ![License](LICENSE) ![DeepSeek Harness](https://github.com/deepseek-ai/DeepSeek-Harness)

Turn UI screenshots into implementation-oriented structured specifications that help a text-only DeepSeek model recreate responsive web interfaces. The plugin uses Windows native OCR and supplies layout, visual-detail, interaction, and browser-verification constraints.

Showcase

This example comes from the Desktop/8 test. The page on the right was implemented autonomously from the plugin output.

ReferenceDeepSeek implementation
<img src="https://raw.githubusercontent.com/yumimanji/dsh-ui-spec/main/docs/images/desktop-8-reference.webp" width="420" alt="Desktop 8 personal growth UI reference"><img src="https://raw.githubusercontent.com/yumimanji/dsh-ui-spec/main/docs/images/desktop-8-result.webp" width="420" alt="Page implemented by DeepSeek from ui-spec output">

Install

Install from npm:

dsh plugin --profile web add dsh-ui-spec

Installing the current GitHub version with pnpm 11 requires allowing its source-package build script. Add this to the DSH profile's pnpm-workspace.yaml:

allowBuilds:
  "dsh-ui-spec@git+https://github.com/yumimanji/dsh-ui-spec.git": true

Then install:

dsh plugin --profile web add github:yumimanji/dsh-ui-spec

Use the npm release when the DSH profile cannot configure allowBuilds.

Use

Ask the model in DSH:

Use ui-spec to analyze the two images in the current directory and recreate them as responsive web interfaces. After implementation, validate the pages with manage_ui_browser and close only the browser session created by that tool.

For one image:

Use ui-spec to analyze C:\path\to\reference.png and implement the responsive web UI.

Installation Troubleshooting

ERR_PNPM_UNEXPECTED_STORE means the DSH profile's existing node_modules uses a different pnpm store. Rebuild that profile's dependencies, then retry installation:

cd $env:USERPROFILE\.dsh\profiles\web
Rename-Item node_modules node_modules.store-mismatch-backup
pnpm install
dsh plugin --profile web add dsh-ui-spec

Remove the backup only after DSH starts normally.

License

[MIT](LICENSE)