MIT 协议的设计技能，为 70+ 编码智能体注入设计判断：设计方向、源自代码库的设计系统与可分支 UI 草稿，经由 @superdesign/cli 驱动。README 未提及 DeepSeek Harness，DSH 兼容性由其「任意编码智能体」定位推断。
DSH 适配
兼容
作者声明
安全审计
未审计
最后核验
2026-08-21
许可证
MIT
01它能帮你完成什么？
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
02如何接入 DeepSeek Harness？
前置条件
- 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`
安装步骤
- 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`
验证接入成功
作者未说明
03DSH 适配与能力边界
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
04适合谁？何时不该用？
适合
- 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
不适合
- 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.
05兼容性、维护与安全提示
- 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)
06常见问题
Superdesign 官方支持 DeepSeek Harness 吗？
README 没有点名 DeepSeek Harness。该技能通过 `npx skills add` 安装到 70+ 受支持的编码智能体，DSH 用户请先在 vercel-labs/skills 的支持智能体列表中确认自己的 harness，再安装使用。
如何在我的编码智能体里安装 Superdesign？
任意受支持的智能体运行 `npx skills add superdesigndev/superdesign-skill`；Claude Code 改用 `/plugin marketplace add superdesigndev/superdesign-skill` 加 `/plugin install superdesign@superdesign`（两种方式不要重复安装）。无论哪种方式，都要再执行 `npm install -g @superdesign/cli@latest` 和 `superdesign login`。
需要哪些前置条件？
一个受支持的编码智能体、npm/npx 环境、全局安装的 `@superdesign/cli`，以及 superdesign 账号登录——设计项目和草稿保存在 superdesign.dev 服务上。
它会往项目里写什么文件？数据去哪里？
本地写入 `.superdesign/design-system.md`（设计系统）和 `.superdesign/replica_html_template/` 下的像素级复刻 HTML；设计草稿本身保存在 superdesign.dev 画布服务上，因此需要联网并登录。
它能直接读取我的代码库吗？
不能——Superdesign 设计智能体无法直接访问代码库。技能会让你的编码智能体先调研现有 UI，产出复刻 HTML 与设计系统文件作为上下文，再进行设计迭代。
07相关的 DSH 工作流
dsh-web
作者 zhu1090093659
DeepSeek Harness（dsh）插件聚合生态，万物皆插件，通过创意工坊分发。
petdex
作者 crafter-station
面向 Codex、Claude Code、DeepSeek Harness 等智能体的动效宠物公共图库。
j-space-cognition-suite-v3.7
作者 tiger3807861189
J-Space Cognition Suite V3.7 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace research. | 哔哩哔哩：Tiger380 (UID 3494375382321675) — https://space.bilibili.com/3494375382321675
dsh-deep-whale
作者 small-tailqwq
Whale Girl skin series for DeepSeek Harness. 适用于 DeepSeek Harness 的，鲸鱼娘系列皮肤。
08数据与来源
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…
页面基于项目公开文档、仓库元数据和 DSH Plugins 的结构化解析生成；最后核验于 2026-08-21。发现错误？提交更正。
最佳 DeepSeek Harness 插件
从全目录挑出的 12 个值得优先安装的插件，覆盖各个分类。