MIT ライセンスのデザインスキル。70 以上のコーディングエージェントにデザイン判断力を与え、方向性・コードベース由来のデザインシステム・分岐可能な UI ドラフトを @superdesign/cli 経由で生成。README に DeepSeek Harness の記載はなく、対応は「任意のエージェント」表記に基づく推定。
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
02DeepSeek 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 の対応エージェント一覧で事前にご確認ください。
コーディングエージェントへのインストール方法は？
対応エージェントなら `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
by zhu1090093659
DeepSeek Harness（dsh）の Web プラグインを集約するエコシステムパッケージ。すべてがプラグインであり、クリエイティブワークショップ（dsh-market.com）経由で配布されます。
petdex
by crafter-station
Claude Code、DeepSeek Harness、Gemini CLI などで使えるアニメーションペットの公開ギャラリー
j-space-cognition-suite-v3.7
by tiger3807861189
Anthropic の J-space グローバルワークスペース研究に基づく、AI 認知強化スキル集。思考を整理しながら作業を進めたい日本のユーザー向けのスイートです。
deepseek-balance-whale-widget
by meteornox
DSH 右下のクジラ娘が DeepSeek アカウント残高を監視。QQ 風バウンス、ドラッグ吸着、数字スクロール
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。誤りを見つけた場合は、修正を送信してください。
dsh プラグイン おすすめ
最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。