UI/UX Pro Max Skill 官方入口：AI 多平台设计技能安装教程

UI/UX Pro Max Skill 官方入口主要看两个地方：GitHub 仓库 nextlevelbuilder/ui-ux-pro-max-skill，以及官网 uupm.cc。它不是普通设计素材包，而是给 Claude Code、Cursor、Windsurf、Codex CLI 等 AI 编程工具使用的设计智能 Skill，用来把“页面做得更专业”拆成可执行的 UI 风格、配色、字体、图表和 UX 规则。

官方入口在哪里？

如果你只是想安装，优先打开 GitHub 仓库，看 README 里的安装段落和 releases；如果想先判断它是否适合项目，再看官网对 styles、stacks、UX guidelines 的说明。别从第三方搬命令，设计类 Skill 更新快，入口错了，后面排查会很烦。

Claude Code 怎么安装？

两种方式先分清

README 给了 Claude Marketplace 路线：先执行 /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill，再执行 /plugin install ui-ux-pro-max@ui-ux-pro-max-skill。如果走 CLI，则先 npm install -g ui-ux-pro-max-cli，再用 uipro init --ai claude 把技能装进 Claude Code 环境。安装后先让 Agent 生成一个测试页面，观察它是否会主动给出配色、字体、布局和无障碍检查，而不是只改几行 CSS。

适合什么人用？

它更适合经常让 AI 改界面、做跨端组件、统一设计系统的团队。仓库说明里提到 67 种 UI Styles、161 组产品类型规则、57 组字体搭配、25 类图表建议和多种技术栈。换句话说，UI/UX Pro Max Skill 更像一份设计侧的 AI 编程规范，不是一次性提示词。对独立开发者来说，它的价值在于少反复描述审美要求；对团队来说，它能把“看起来高级一点”变成更稳定的检查项。

安装前要检查什么？

• 确认 Node、npm 和 Python 环境可用。

• 确认你要装到 Claude Code，还是 Cursor、Windsurf 等其他平台。

• 装完先跑一个小页面，不要直接改生产项目。

如果只是临时美化一页，用普通提示词就够；如果项目长期靠 Agent 做 UI/UX 迭代，这个 Skill 才值得放进固定工作流。第一次使用时，最好从非核心分支开始，让 Claude Code 先解释它参考了哪些设计规则，再决定是否合并改动。这样后续写 CLAUDE.md 或团队规范时，也能把设计要求沉淀下来。