ui-ux-pro-max-skill：一句话给 AI 配上「设计智能」，67 种风格即插即用
原文链接ui-ux-pro-max-skill：一句话给 AI 配上「设计智能」，67 种风格即插即用
原文链接：https://mp.weixin.qq.com/s/JDY6dJ4vKav1azgTaxTAmA 来源：极客之家 | 时间：2026-04-20
摘要
开源项目 ui-ux-pro-max-skill，给 Claude Code/Cursor/Windsurf 等 AI 编程工具加「设计智能」。你告诉 AI 做什么产品，它自动生成完整设计系统——颜色方案、字体组合、排版规则、交互效果 + 踩雷清单。v2.0 内置 67 种 UI 风格、161 套行业配色方案、57 套字体组合、161 条行业推理规则、99 条 UX 规范。支持 17 个平台、12 种技术栈，MIT 协议，一条命令安装。
v2.0 核心：Design System Generator
你对 AI 说「给我的美容 SPA 做一个落地页」，Skill 后台自动跑 5 个并行搜索：
- 匹配行业（161 个分类中找到「美容/水疗」）
- 推荐 UI 风格（如 Soft UI Evolution）
- 确定配色（粉色主色 + 鼠尾草绿辅色 + 金色点缀）
- 匹配排版（Cormorant Garamond + Montserrat）
- 生成页面结构（Hero → 服务展示 → 评价 → 预约 → 联系方式）
BM25 算法排序后输出完整设计系统描述，AI 拿到后再写代码。
161 条行业推理规则
不是凑数，是真实行业区分：
| 行业 | 规则示例 |
|---|---|
| 金融/银行/保险 | 禁止 AI 紫/粉渐变，需要传达稳定可信 |
| 医疗/心理健康 | 禁止高对比度警告色，用户需要放松不是紧张 |
| 游戏/NFT | 赛博朋克、霓虹灯、高饱和度渐进可以上 |
| AI/SaaS | 注意别滥用 Glassmorphism |
每条规则含：推荐页面结构模板、首选 UI 风格、配色情绪、字体个性、关键交互效果、反向「不要这样做」清单。
67 种 UI 风格
- 通用风格 49 种（Glassmorphism、Claymorphism、Neubrutalism、Bento Box Grid 等）
- 落地页专属 8 种
- 数据看板专属 10 种
- AI-Native UI：专门为 AI 产品/聊天机器人定制
每种风格标注「最适合什么场景」。
持久化设计系统
AI 每次新对话会丢失设计风格，项目提供「Master + 覆盖」方案：
# 生成全局设计系统
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "SaaS dashboard" --design-system --persist -p "MyApp"
# 特定页面覆盖
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "checkout page" --design-system --persist -p "MyApp" --page "checkout"
生成 design-system/MASTER.md + 各页面覆盖文件，新对话时让 AI 先读 MASTER.md 即可保持视觉一致性。
安装
npm install -g uipro-cli
uipro init --ai claude # Claude Code
uipro init --ai cursor # Cursor
uipro init --ai all # 全部平台
支持 17 个平台、12 种技术栈（React/Next.js/Vue/Nuxt/Svelte/Astro/Angular/SwiftUI/Flutter 等），仅依赖 Python 3.x。
定位
不适合已有完整 Design Token/Figma 规范的公司，不适合深度品牌定制。最适合：独立开发者/小团队无设计师、AI 快速出原型需视觉规范、会写前端但对颜色排版无感的人。
不能替代设计师，但对很多开发者来说，有它和没它的区别是「能上线」和「有点拿不出手」的区别。