4 个月飙到 6.7 万星的 Claude Code 设计 skill,让 AI 写代码前先做设计决策。
【它是什么】
UI/UX Pro Max — 一个专门治"AI 写出来的网页一眼假"的 skill。
内置 100 条行业级设计推理规则、96 套色板、57 套字体配对。
让 Claude Code 在写代码之前,先匹配行业、选定风格、配好色板、挑好字体,再开始动手。
【适用场景】
✅ 个人网站 / 落地页(不再像 shadcn 默认模板)
✅ PPT / 演示文档(配色字体一次到位)
✅ 独立站 / Etsy 详情页(行业适配视觉语言)
✅ Dashboard / 后台界面(数据密集型布局规则)
✅ iOS / Android 原生 app(SwiftUI / Compose 全适配)
✅ React Native / Flutter 跨端
✅ 微信小程序(触屏热区 44px 等规则自带)
【安装方式】
一行命令:npx uipro-cli init --ai claude
装到当前项目,668KB,完全离线。
装完重启 Claude Code,提到"设计 / 改 UI / 选配色"就自动触发。
支持 18 家 AI 编码工具:Claude Code / Cursor / Codex / Gemini CLI / Windsurf / Kiro / Trae 等。
【本期演示】
我把它装到 Claude Code 上,把个人网站从 shadcn 模板感升级成 WebGL 流体 + 3D 卡片倾斜 + 鼠标光斑追踪的炫技版。整个过程没改一行 CSS,全是它教 Claude 写出来的。
——
EP01 - Claude 三款产品怎么选
EP02 - Claude Cowork 一镜到底实战
EP03 - Claude Code 配置分享 · 15 万 Star ECC
EP04 - 配置体系:系统级 + 项目级
EP05 - Claude Code 接入国产大模型
EP06 - 本期