mcpField
S
superdesign-skill

superdesign-skill

github.com/podo设计与 UI29160 次安装1 天前更新
代码仓库

关于 superdesign-skill

面向 IDE Agent 的设计技能，通过 SuperDesign CLI 桥接到浏览器画布，可搜索设计提示词、提取品牌特征并迭代设计草稿。

主要功能

  1. 01连接 SuperDesign 浏览器画布
  2. 02搜索设计提示词库
  3. 03从现有素材提取品牌特征
  4. 04创建项目并迭代设计草稿

适用场景

  1. 01在画布上探索设计方向
  2. 02整理并比较多个设计变体
  3. 03根据现有素材提取品牌风格
  4. 04获取设计草稿的即时视觉反馈

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill superdesign-skill

安装后在 Claude Code 中输入/superdesign-skill确认已加载。

附带文件stub.yaml

详细介绍

superdesign-skill

目录占位条目 — 完整平台：superdesigndev/superdesign-skill

账户／环境要求

必须全局安装 @superdesign/cli。 此技能通过 CLI 桥接与 SuperDesign 画布通信；未安装该工具时，调用技能将会失败。

安装方式

步骤命令
1. 安装 SuperDesign CLInpm install -g @superdesign/cli@latest
2. 安装 Claude 技能npx skills add superdesigndev/superdesign-skill
3. 启动画布superdesign（打开浏览器画布）

决策流程

  1. 是否已安装 @superdesign/cli？ 运行 superdesign --version。
    • 否 → 安装：npm install -g @superdesign/cli@latest
    • 是 → 进入第 2 步。
  2. 是否已安装该技能？ 检查 ~/.design-agent-skills/skills/superdesign-skill/SKILL.md。
    • 否 → npx skills add superdesigndev/superdesign-skill
    • 是 → 调用 superdesign-skill 并继续。
  3. 画布是否正在运行？ 如果尚未打开，请在终端中运行 superdesign。

功能

将无限画布设计工作区直接引入 IDE Agent 工作流。Agent 可以搜索设计提示词库，从现有素材中提取品牌标识，创建新的设计项目，并在浏览器画布中通过即时视觉反馈迭代设计草稿。适用于开放式构思环节，尤其是在需要以空间方式组织多个设计变体时。

不适用场景

  • 未安装 SuperDesign CLI — 此技能没有备用渲染方案
  • 无需构思环节的标准 UI 代码生成 — 请改用组件生成技能
  • 没有浏览器的无头或服务器环境

评论

支持 Markdown