AI Slop 退散！这个 Skill 让 Claude 写 UI 像真设计师

过去两年，AI 写代码越来越猛，但写出来的 UI 越来越丑——千篇一律的「shadcn 模板 + 默认圆角 + 居中布局」，业内叫它 AI Slop。今天挖到一个专门治这病的 Skill：Superdesign，GitHub 368 ⭐，MIT License，给 Claude Code / Cursor / Codex 等 70+ coding agent 装上「设计审美」。

它的核心动作不是「换主题」，而是 把设计系统直接读进 agent：扫描你 codebase 里的色板、字体、组件用法，抓出真正的品牌 DNA，再在无限画布上生成可分支、可迭代的高保真草图——你只要在终端里说人话就行。

它解决什么问题

普通 AI agent 写前端最大的痛点：能跑、但没品味。Superdesign 装上去之后，会做三件事：

• 风格定位——从 prompt 库（CLI 命令 superdesign search-prompts）里挑出符合项目调性的参考风格，不再默认走极简单色风；
• 品牌 DNA 抽取——喂一个 URL，superdesign extract-website --url ... --design-md 自动扒出 style guide、design tokens、内容结构，输出可机读的 design.md；
• 画布迭代——直接产出可分支的 draft，一稿不满意就 replace 或 branch，告别「再来一次但每次都不一样」的玄学。

三种典型用法

它把使用场景归成三类，命令行直接 call 就行：

• 「帮我设计 X」——产品页、设置页、新功能流程，从 0 出 draft；
• 「建立设计系统」——从现有 codebase 反向抽取 tokens，搭起可复用的 design system；
• 「把 X 改得不那么 AI」——已有 UI 视觉过烂？让它读 context + 真实风格参考，重出一版有审美的稿。

演示视频里那句 demo 台词很真实：「redesign this settings page so it doesn’t look like default AI slop」——这正是 90% AI 前端的真实需求。

安装两行起步

装 Skill 一行，装 CLI 一行：

npx skills add superdesigndev/superdesign-skill
npm install -g @superdesign/cli@latest
superdesign login

支持 70+ coding agent（Claude Code、Cursor、Codex、Gemini CLI、Antigravity、Windsurf 都在列），npx skills 是 Vercel Labs 出的官方安装器，所以跨平台基本零摩擦。

为什么我觉得它值得搬

大多数「设计 Skill」只是把字体和色板打包了一下，Superdesign 是我看到第一个把 「读 codebase → 抽 DNA → 出 draft → 分支迭代」 整条链路跑通的。它不是改主题色，而是改 agent 的设计决策路径——这才是从根上治 AI Slop 的思路。

背后是 superdesign.dev 这个 AI 产品设计 agent 的能力开放，技能本体开源 MIT，想二次定制或拆 prompt 库直接 fork。

🔗 GitHub：https://github.com/superdesigndev/superdesign-skill

🌐 配套 Web App：https://superdesign.dev

GitHub: https://github.com/superdesigndev/superdesign-skill