MIT-licensed design skill giving 70+ coding agents real design judgment — direction, codebase-derived design systems, branchable UI drafts via @superdesign/cli. DeepSeek Harness is not named in the README; DSH fit is inferred from its 'any coding agent' scope.
DSH integration
Compatible
Author-claimed
Safety audit
Unaudited
Last verified
2026-08-21
License
MIT
01What can it help you accomplish?
Give a coding agent real design judgment: find design direction, set up a design system, and generate + iterate high-quality UI drafts from the terminal
A standalone `.superdesign/design-system.md` design system plus branchable design drafts on an infinite canvas, with HTML reference export via `get-design --output`
Developers, indie hackers and product/UI designers who want to go from idea to shippable UI without leaving their coding agent
Redesign existing pages on top of a current app so the UI stops looking AI-generated
A pixel-perfect replica HTML in `.superdesign/replica_html_template/`, then branchable design drafts and a preview URL for feedback collection and iteration
Teams shipping frontend with coding agents whose default output is generic layouts and default shadcn everything
02How to install into DeepSeek Harness
Prerequisites
- A supported coding agent — the skill installs for any of the 70+ supported coding agents listed in vercel-labs/skills
- npm / npx available, since install runs `npx skills add` and `npm install -g @superdesign/cli@latest`
Installation steps
- 01
Any coding agent: run `npx skills add superdesigndev/superdesign-skill`
$ npx skills add superdesigndev/superdesign-skill
- 02
Claude Code (alternative): run `/plugin marketplace add superdesigndev/superdesign-skill` then `/plugin install superdesign@superdesign` — do not also run `npx skills add` there
$ npx skills add
- 03
Either way, install the CLI it drives: `npm install -g @superdesign/cli@latest`
$ npm install -g @superdesign/cli@latest
- 04
Sign in: `superdesign login`
Verify the integration
Not specified by the author
03DSH integration and capability boundaries
Agent skill installed via the vercel-labs/skills CLI (`npx skills add`) for any of 70+ coding agents; the README never mentions DeepSeek Harness by name, so DSH compatibility is inferred from its 'any coding agent' scope
Design system setup & extraction
your existing codebase, or a fresh product direction with gathered style references→a standalone `.superdesign/design-system.md` that must be implementable without the codebase
writes `.superdesign/design-system.md` into the projectCanvas design drafts (create / iterate / branch)
a project (optionally seeded from a replica HTML template), directional prompts, and the design system as context file→replace or branch draft variations, multi-page flow execution, and HTML export via `superdesign get-design --draft-id <draftId> --output ./design.html`
design projects and drafts live on the superdesign.dev service, which requires `superdesign login` and network accessInspiration & style tools
keywords, tags, or any website URL→prompt-library matches (search-prompts / get-prompts) and a site's extracted design DNA via `superdesign extract-website --url https://example.com --design-md`
network calls to the superdesign.dev prompt library and extraction serviceCross-session continuity
a project previously designed with the skill→later unchanged iterations resume without repeating codebase discovery
the skill remembers the project, draft, extracted components and budgeted source-context bundle across sessions
04Who is it for? When not to use it?
Good for
- Developers, indie hackers and product/UI designers who want to go from idea to shippable UI without leaving their coding agent
- Teams shipping frontend with coding agents whose default output is generic layouts and default shadcn everything
Not for
- The README never mentions DeepSeek Harness / dsh; installation is documented for Claude Code, Cursor, Codex and '70+ supported coding agents', so DSH support must be verified against the vercel-labs/skills supported-agent list before use.
05Compatibility, maintenance and safety notes
- The README never mentions DeepSeek Harness / dsh; installation is documented for Claude Code, Cursor, Codex and '70+ supported coding agents', so DSH support must be verified against the vercel-labs/skills supported-agent list before use.
- The skill drives the global `@superdesign/cli`, which requires `superdesign login` and talks to the superdesign.dev service, so design work needs network access and a superdesign account.
- The Superdesign design agent has no direct access to your codebase; for existing apps you must maintain a pixel-perfect replica HTML in `.superdesign/replica_html_template/` plus the design system file as context.
MIT · actively maintained (last push 2026-08-17; README calls it the current, maintained product)
06Frequently asked questions
Does Superdesign officially support DeepSeek Harness?
The README never mentions DeepSeek Harness by name. The skill installs for any of the 70+ supported coding agents via `npx skills add`, so check the vercel-labs/skills supported-agent list to confirm your harness before installing.
How do I install Superdesign in my coding agent?
Run `npx skills add superdesigndev/superdesign-skill` for any supported agent. In Claude Code, use `/plugin marketplace add superdesigndev/superdesign-skill` then `/plugin install superdesign@superdesign` instead (don't run both). Either way, also run `npm install -g @superdesign/cli@latest` and `superdesign login`.
What prerequisites do I need?
A supported coding agent, npm/npx, the global `@superdesign/cli` package, and a superdesign account login — design projects and drafts live on the superdesign.dev service.
What files does it write to my project?
`.superdesign/design-system.md` (the design system) and pixel-perfect replica HTML under `.superdesign/replica_html_template/`. The design drafts themselves live on the superdesign.dev canvas, so network access and login are required.
Can it read my codebase directly?
No — the Superdesign design agent has no direct codebase access. The skill has your coding agent investigate the existing UI and supply the replica HTML plus design system as context before iterating designs.
07Related DSH workflows
dsh-web
by zhu1090093659
DeepSeek Harness (DSH) Web Plugin Aggregation Ecosystem · Everything is a plugin, distributed via the Creative Workshop
petdex
by crafter-station
A public gallery of animated pets for Codex, Claude Code, DeepSeek Harness, Hermes, OpenCode, Gemini CLI, and more.
j-space-cognition-suite-v3.7
by tiger3807861189
AI cognitive-enhancement skills for agent harnesses inspired by Anthropic's global workspace research. Adds inference-time control and reasoning tools for DeepSeek Harness, Claude Code, Codex and OpenCode.
deepseek-balance-whale-widget
by meteornox
Floating cartoon whale widget living in the DSH Web UI corner that auto-loads, refreshes DeepSeek balance every 60s (click to refresh), with drag/snap, left-flip mirror, squish animation, size scaling and rolling-number animation
08Data and sources
Install it once and your agent (Claude Code, Cursor, Codex, and 70+ others) can find real design direction, set up a des…
**Any coding agent** — installs the skill for any of the [70+ supported coding agents](https://github.com/vercel-labs/sk…
This page is generated from the project’s public documentation, repository metadata and a structured parse of DSH Plugins; last verified on 2026-08-21. Found an error? Submit a correction.
Best DeepSeek Harness Plugins
Twelve plugins worth installing first — picked from the whole catalog, across every category.