dsh-design-audit
Run the following command in DeepSeek Harness:
dsh plugin install gongyijie85/dsh-design-audit
Paste the following prompt into your AI chat to install this plugin:
Run dsh plugin install gongyijie85/dsh-design-audit in the DeepSeek Harness terminal to install; full source is at https://github.com/gongyijie85/dsh-design-audit
About this plugin
In the DSH plugin ecosystem, design generation and screenshot-to-UI restoration are well covered, but a closed-loop for UI/UX audit and optimization has been missing. dsh-design-audit fills that gap: it does not generate interfaces or do pixel-level restoration. Instead, it measures issues, produces pasteable CSS fixes, and verifies the fixes through re-testing, forming a complete audit loop.
The toolchain consists of three tools: design_capture opens a URL or local HTML in headless Chrome, takes full-page screenshots at multiple viewports, and collects objective measurements; design_review runs 13 groups of deterministic criteria spanning accessibility, typography, layout and interaction, and motion, then outputs a graded issue list with per-element CSS fixes and a self-contained HTML report; design_fix converts findings into pasteable CSS patches, optionally appending them to a stylesheet with automatic backup. Measurement and criteria are kept separate so each can be audited independently.
Ideal for frontend engineers and product teams maintaining real projects who need a quantifiable design-quality bar. Zero npm dependencies; requires only Node 22+ and a local Chrome or Edge installation.
Use Cases
- Run 13 criterion groups pre-launch to verify accessibility, typography, and layout compliance
- Detect hard-to-spot issues such as overlay occlusion, horizontal overflow, and JS animations ignoring reduced-motion
- Apply CSS patches to existing pages and re-test to quantify before-and-after improvements
Best For
- Frontend engineers who need a measurable design-quality baseline
- Teams maintaining multi-page projects with regression-verification requirements
- Product teams focused on WCAG compliance and motion accessibility
Related Plugins
A method pack that makes AI coding agents plan against your real baseline, prove completion with fresh evidence, and reduce reworks and unsafe changes.
Turns the DeepSeek Harness session into a captain that builds a durable sub-agent team, splits goals into dependency-aware tasks, and coordinates work via direct messages and a live Web UI.
Gives coding agents design judgment, letting Claude Code, Cursor, and 70+ agents generate and iterate high-quality UI, presentations, and graphics right from the terminal.
Run the Pi ecosystem's plugins on DeepSeek Harness, unmodified, via a compatibility layer that implements Pi's public extension ABI on DSH's native services.