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
deepseek-balance-whale-widget
作者 meteornox
DeepSeek Harness（DSH）一隻住在 DSH 介面右下角的小鯨魚娘，幫你盯著DeepSeek賬戶餘額。QQ彈彈，支援拖拽吸附、左吸附翻轉、數字滾動動畫，隨介面自動啟用，建議直接喊來你的dsh安裝
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 個值得優先安裝的外掛，涵蓋各個分類。