← 返回开发与代码分区 Skill 全库
开发与代码

SuperDesign

@mpociot · 仓库 mpociot/superdesign · 社区热度 1,207 · 通道 ClawdHub CLI
查看 GitHub 开源源码 ↗
功能描述与核心用途
高审美前端 UI/UX 设计指导法则,指导 Agent 构建现代精美界面、组件库与渐变视觉。
运行宿主与模型建议
安装与使用教程 按对应通道操作,命令可直接复制
  1. 第一步 · 准备环境:安装 Node.js 18 及以上版本,终端执行 node -v 能显示版本号即正常。
  2. 第二步 · 执行安装:打开命令行 Agent 所在的项目目录,执行下面这条 CLI 命令即可自动下载安装:
    npx clawdhub install mpociot/superdesign
  3. 第三步 · 加载调用:重启或刷新 Agent 让它识别新 Skill,之后直接用自然语言描述需求即可自动调用。
  4. 第四步 · 让 Agent「列出已安装技能」可确认已被识别。 如需移除,执行 npx clawdhub uninstall mpociot/superdesign
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「SuperDesign」(开源仓库 mpociot/superdesign),它的作用是:高审美前端 UI/UX 设计指导法则,指导 Agent 构建现代精美界面、组件库与渐变视觉。请先检查我是否安装了 Node.js 18+(执行 node -v,没有就先帮我安装);然后在当前项目目录执行 npx clawdhub install mpociot/superdesign 完成安装;若目录里有依赖文件请一并安装;之后重载技能列表确认已被识别,并用一个最简单示例演示如何用自然语言调用它;如果报错请自动排查修复,最后告诉我使用方法。
调用示例(自然语言)
> 分析当前项目结构,并帮我完成对应的代码任务
关联标签
#dev#superdesign#mpociot
同区域相关 Skill
find skills@vercel-labs · 3,300,000grill with docs@mattpocock · 931,200improve codebase architecture@mattpocock · 892,300frontend design@anthropics · 866,800tdd@mattpocock · 864,100vercel react best practices@vercel-labs · 698,000