superdesign-skill

Name: superdesigndev/superdesign-skill
Author: superdesigndev

superdesigndev/superdesign-skill

在 Superdesign 画布上做 UI 与营销图的设计技能：先读代码库拿上下文、抽取现有设计系统，再通过 Superdesign CLI 生成并迭代可分支的设计稿、流程页与可复用组件。

61248JavaScriptMIT源码

安装

把 superdesign-skill 装进 DeepSeek Harness

GitHub 方式 · GitHub 源码

从 GitHub 装会执行项目自己的构建脚本，而 pnpm 默认拦着不让跑——先跑一次这条命令，pnpm 会打印出要加到 ~/.dsh/profiles/web/pnpm-workspace.yaml 里 `allowBuilds` 下面的那个 key。

我们跑过之后

我们跑过，装得上

这里每条命令都在一次性容器里、对着干净 profile 真跑过，结果取自 harness 自己的记录，不是读源码猜的。最近一次 11 天前.

挂进你的 README

给维护者的：badge 取这条 listing 最近一次 sandbox 实测的结果，重跑之后它自己会变，读者点开就是这页的完整记录。

安装前须知

装 superdesign-skill 之前，先看这几条

源码在这里： superdesigndev/superdesign-skill——已进入社区精选库，DSH 自带的插件市场就是从这儿装的。
开源协议：MIT。
自动识别到：终端执行。授权之前请先读一遍源码。
被收录在这里不代表通过了安全审计。插件是带着你 agent 的权限在跑。

AI 锐评

是什么 — Superdesign-skill 是一个设计技能，通过 Superdesign CLI 生成 UI 和图形的可迭代设计草稿。

谁该装 — 当你在 Cursor 中迭代产品功能页面的设计时，这个插件能提供设计系统提取和草稿生成支持。如果所有设计任务都在 superdesign.dev web app 中完成，那么无需通过插件安装。

注意 — 沙箱实测在全新 profile 里装上，并被 harness 注册进 profile，实测通过。未发现明显的坑。

锐评 — 我会装它，因为它支持跨会话连续性，让后续迭代无需重复发现代码库。

grok-4.6 写的，只当参考，不当结论。里面说装得上或装不上，是在干净 profile 里真跑过的；其余都是读仓库读出来的。以实际运行为准。

superdesign-skill 是做什么的

Repository tiles flow through a prism into branching design sheets and modular blocks.

superdesign-skill 是一个 DeepSeek Harness 插件，用于在 Superdesign 画布上设计 UI 和营销图形。它不会直接替代实现代码，而是先读取当前源码仓库，了解页面结构和已有视觉风格，抽取设计系统，再通过 superdesign CLI 创建设计稿、流程页和可复用组件，并支持继续迭代或从某个设计稿分支。设计系统写入 .superdesign/design-system.md；针对已有页面，还会在 .superdesign/replica_html_template/<name>.html 保存当前界面的 HTML 复刻，作为画布设计的上下文。

它适合使用 Claude Code、Cursor、Codex 等 coding agent 的开发者、产品设计师和独立开发者，尤其适合先探索页面方向，再决定如何实现。插件的 terminal surface 会读取和写入 agent 有权限访问的源码仓库文件，并调用单独安装的 @superdesign/cli；CLI 还需要执行 superdesign login。如果只想直接改 UI、没有 Superdesign CLI，或不需要画布中的设计分支流程，就不应选用它。由于画布本身不能直接访问源码，已有页面的设计任务还依赖先生成准确的 replica HTML。它也不是旧版 Superdesign VS Code 扩展。

superdesign-skill 的文档

行为说明

superdesign-skill 通过 agent 执行设计流程。处理已有应用时，它会检查相关 UI，确认 .superdesign/design-system.md 是否存在，收集需求，并询问继续使用 Superdesign 设计还是直接实现。选择画布流程后，应先在 .superdesign/replica_html_template/<name>.html 中复刻当前页面；该文件只描述现状，不应加入新设计。随后使用 replica HTML 和 design system 创建项目，再根据返回的 designDraft ID 创建、迭代或分支设计稿。流程设计分为规划 flow pages 和执行 flow pages。

命令

superdesign search-prompts --query "<keyword>" 按关键词搜索 prompt library；superdesign search-prompts --tags "style" 按标签搜索，也可同时使用 --query。superdesign get-prompts --slugs "<slug1,slug2,...>" 读取紧凑索引，加入 --full 后获取完整内容。superdesign extract-website --url https://example.com --design-md 从 URL 提取设计风格、tokens、内容和品牌信息。superdesign login 用于 CLI 登录。画布工具还支持创建项目、创建和获取设计稿，以及规划、执行 flow pages。默认输出面向 agent；需要完整机器数据时使用 --json，需要展开截断字段时使用 --full。