以前让 AI 做界面,生成的东西能用,但你不会想把它拿给客户看。
问题在哪?AI 会写代码,但它不懂设计。它知道怎么用 Tailwind,不知道什么颜色配什么字体,什么场景用什么布局。
UI UX Pro Max 想解决这个问题——给 AI 装一个"设计师脑子"。
它是干什么的
简单说,这是一个 AI 技能包。装上之后,当你在 Claude Code、Cursor 里说"帮我做个落地页",它不会随便给你生成一个,而是会先"思考":
这是个什么产品?目标用户是谁?什么风格合适?什么配色方案?什么字体搭配?
然后给你一个专业水准的设计方案,顺便把代码也写了。
核心就两件事
第一,五层推理引擎
这是 v2.0 的主打功能。不是简单的美化模板,而是真推理:
- 并行分析 100 种产品类型、风格、配色方案
- 匹配行业规则(金融类不用高饱和度渐变、医疗类用蓝色系)
- 输出完整的视觉规范:色彩、字体、交互效果、反面模式
你跟它说"美容水疗中心落地页",它知道要柔和色调、优雅字体、宽敞留白。
你说"加密货币交易所",它会用深色模式、霓虹强调色、紧凑布局。
第二,内置规则库
这个项目最值钱的不是代码,是数据:
- 67 种 UI 风格:极简、玻璃拟态、新粗野主义、Bento Grid
- 96 种配色方案:按行业分类的 SaaS、电商、医疗、金融模板
- 57 种字体配对:Google Fonts 引用方案
- 100 条行业推理规则:从 Web3 到传统电商的设计逻辑
这些东西,普通开发者哪有精力去研究?现在打包好了,拿来就用。
怎么用
三步搞定:
npm install -g uipro-cli
uipro init --ai claude # 或者 cursor, gemini
然后直接跟 AI 说人话:
"给我的美容水疗中心做一个落地页,HTML + Tailwind"
AI 会自动激活这个技能包,给你生成一个看起来像请了设计师的页面。
支持什么技术栈
Web 端全覆盖:HTML + Tailwind(默认)、React、Next.js(shadcn/ui)、Vue、Nuxt、Svelte、Astro
移动端也行:SwiftUI、Jetpack Compose、React Native、Flutter
生成的代码还能跨会话保持一致——它会创建一个 MASTER.md 作为全局设计规范,确保你今天做的页面和下个月做的页面是一个风格。
我的看法
这个项目的定位很准。
现在 AI 写代码已经很强了,但设计品味这东西,短期内 AI 学不会。不是它学不会,而是设计太主观了。
UI UX Pro Max 的思路是:既然品味难学,那就把规则总结好,让 AI 照着规则做。
这不完美——最好的设计还是需要人类设计师的直觉和创意。但对于 80% 的日常开发场景,够了。
你不需要每个项目都请设计师,但也不能让 AI 随便生成。UI UX Pro Max 就是中间那个平衡点。
项目地址:UI UX Pro Max
适合谁用:独立开发者、小团队、需要快速出原型但不想牺牲设计质量的开发者。
什么时候用:每次你要做新页面、新组件、新产品的 UI 时。