superdesign-skill

一键洗掉 AI 味，粗糙界面秒变高级

开源 🏷️定价信息待确认 ✅ 目前可打开设计创意 🍴 复刻 77 🐛 待处理 8 👀 关注 2

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 967

维护状态维护中

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

项目数据

分类设计创意

开发团队superdesigndev

官网地址https://superdesign.dev

GitHubhttps://github.com/superdesigndev/superdesign-skill

定价模式🏷️定价信息待确认

价格说明定价信息待确认

访问状态✅ 目前可打开

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型agent-skills,ai-design,claude-code,claude-skill,claude-skills,coding-agent,cursor,design-agent,dsh-plugin,frontend,superdesign,ui-design,ux-design

GitHub 星标★ 967

上线时间2026-01-21 00:00:00

代码更新2026-08-21

仓库体积1.1 MB

本站数据更新2026-11-09

维护状态维护中

收录时间2026-08-09

浏览次数3

项目介绍

专为 Claude Code、Cursor 及各类编码代理打造的设计技能，目标是把“AI 味”粗糙界面改造成可上线、有品味的精美前端。安装只需一条 npx 命令，由 superdesign.dev 提供支持，让 AI 前端不再“一眼假”。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 967

技术标签

agent-skills ai-design claude-code claude-skill claude-skills

使用教程

难度：入门约 8 分钟部署方式：Agent 插件 4 步

环境要求

Node 18+
支持 skills 的编码 Agent

安装与启动步骤

1装到 Agent 里

用 skills add 一条命令把设计能力装进 Claude Code / Cursor 等 70 多种 Agent。
```
npx skills add superdesigndev/superdesign-skill
```
2或装独立 CLI

想要脱离编辑器直接用，装全局 CLI 后可在终端里生成与迭代设计稿。
```
npm install -g @superdesign/cli@latest
```
3产出设计稿

create-project 用本地 HTML 当模板起一个项目，标题与画布尺寸在参数里给。
```
superdesign create-project --title "Landing" --template ./index.html
```
4拉回本地

get-design 按 draft id 把结果导出成 HTML，方便纳入自己的代码仓库。
```
superdesign get-design --draft-id <draftId> --output ./design.html
```