superdesigndev/superdesign-skill

Name: superdesigndev/superdesign-skill
Author: superdesigndev

Plugin插件 Native原生 ⭐ 621 MIT Prompts & Skills提示词与技能

Claude Code、Cursor及任意编码代理的设计技能。告别AI粗糙界面：将其转化为可交付、有品味的前端。安装：npx skills add superdesigndev/superdesign-skill。由superdesign.dev提供支持。

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

Superdesign Skill is an AI design capability for coding agents that adds professional design judgment to 70+ supported coding agents including Claude Code, Cursor, Codex, and DSH. Its core purpose is to help coding agents avoid generating generic, unpolished interfaces and create high-quality UI, presentations, and graphics that look intentional and considered. You can install it to your agent of choice via the npx skills command, or as a named plugin for Claude Code directly from its plugin marketplace, then install the global @superdesign/cli and log in to start using it.

This skill is built for developers, indie hackers, and product/UI designers who want to move from idea to shippable design fast without switching tools. After installation, you just send a natural language request to your agent, like asking to redesign a generic settings page, extract a design system from your existing codebase, or create an 8-slide product launch presentation. The skill will automatically read your code for context, gather relevant style references, and produce branchable design drafts that you can refine and iterate on as needed. It also retains cross-session context, so future iterations don’t need to re-discover your entire codebase.

Superdesign Skill is released under the open-source MIT license, so you can use it for free for both personal and commercial projects. There are two key dependencies to get it working: you need to have Node.js and npm installed on your system to run the global CLI installation command, and you need a valid login to the Superdesign service after installation to access the core design capabilities. A common first-run caveat to avoid is double-installing in Claude Code: do not run both the npx skills command and the Claude plugin install, as this will create two conflicting copies of the skill.

这是一个面向编码智能体（Agent）的AI设计技能，可为Claude Code、Cursor、Codex等70多种编码智能体提供专业设计判断力，让AI生成的UI、演示文稿和图形避免千篇一律的平庸质感，达到更专业的设计水准。它同时支持DSH集成，可通过标准命令直接添加到DSH环境使用，核心功能围绕设计需求展开，能辅助完成从创意到成品的全流程设计工作。

这款技能面向开发者、独立黑客和产品UI设计师，帮助他们无需离开编码智能体环境就能快速从创意落地到可交付的设计成果。常规使用流程是安装完成后，直接通过自然语言向Agent发出设计请求，比如要求优化现有页面UI、提取现有代码库中的设计系统，或是生成一套全新的演示文稿。技能会自动读取代码上下文，收集风格参考，生成可分支迭代的设计草稿供用户打磨优化。

该项目采用MIT许可证开源，使用前需要先通过npm全局安装对应的Superdesign CLI，并且完成登录步骤。它支持跨会话持续工作，首次完成设计后会记住项目信息、草稿和提取到的组件，后续迭代无需重复扫描代码库。需要注意的是，在Claude Code环境中不要重复使用两种安装方式，避免安装重复副本导致冲突。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：superdesign-skill（superdesigndev/superdesign-skill）
仓库：https://github.com/superdesigndev/superdesign-skill
本站详情页：https://www.yhbd.top/plugins/superdesigndev-superdesign-skill/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 621 · 最近提交 2026-08-21 · 主语言 JavaScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 no risk signal found未发现风险信号

This site's static screen found no obvious risk signal (stars, license, activity, manifest)本站静态筛查没发现明显风险信号（星标、许可证、更新活跃度、清单完整度）

DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

dsh plugin --profile web add github:superdesigndev/superdesign-skill

把 superdesigndev/superdesign-skill 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

14.1 KB · 缓存于 2026-08-23 03:40:43 · 14.1 KB

Superdesign: UI, presentations, and graphics for coding agents

Stop shipping AI-slop UI. Coding agents write great code and mediocre interfaces: generic layouts, default shadcn everything, no taste. Superdesign is the skill that gives your agent design judgment, so the UI it ships actually looks considered.

Install it once and your agent (Claude Code, Cursor, Codex, and 70+ others) can find real design direction and generate + iterate high-quality UI, presentations, and graphics on an infinite canvas, all without leaving your terminal.

Powered by superdesign.dev, the AI product design agent.

▶ Watch the skill in action.

What is Superdesign?

Superdesign is an AI product design agent. It gives coding agents (Claude Code, Cursor, Codex, and 70+ others) real design judgment, so the UI they ship looks considered instead of generic.

What it does — finds design direction, sets up design systems, approves presentation outlines, and generates + iterates high-quality UI, slide decks, and graphics on an infinite canvas.
Who it's for — developers, indie hackers, and product/UI designers who want to go from idea to shippable UI fast without leaving their coding agent.
How it's different — style-preset skills just swap in a theme or a component library. Superdesign designs into your existing design system: it reads your code for context, gathers real style references, and produces branchable drafts you refine.
Cross-session continuity — after the first real-codebase design, the skill remembers the project, draft, extracted components, and budgeted source-context bundle so later unchanged iterations resume without repeating codebase discovery.
Two ways in — this skill from any coding agent, or the web app at superdesign.dev.

Not the legacy IDE extension. The archived open-source superdesigndev/superdesign VS Code extension is an older, separate project. This skill and superdesign.dev are the current, maintained product.

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 superdesigndev/superdesign-skill 的 README.md。在 GitHub 查看原文 →