superdesign-skill

Name: superdesigndev/superdesign-skill
Author: superdesigndev

superdesigndev/superdesign-skill

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

42128JavaScriptMIT源码

安装

把 superdesign-skill 装进 DeepSeek Harness

npm 方式

直接拉已发布的 tarball，不用克隆整个仓库，也不需要额外配置。如果你用的是别的 profile，把 `web` 换成对应的名字。

GitHub 方式 · npm 包

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

安装前须知

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

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

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。