ui-ux-pro-max-skill 是什么？AI UI/UX 设计技能包使用说明

ui-ux-pro-max-skill 是什么？一句话说，它是把 UI/UX 设计判断交给 AI 编程 Agent 的技能包。普通提示词常说“页面高级一点”，Claude Code 很容易猜；这个 Skill 则把风格、配色、字体、图表、UX 指南和反模式做成可检索规则，让 Agent 改界面时少凭感觉。

它解决什么问题？

README 里把它描述为面向多平台和多框架的 AI UI/UX 设计智能。核心不是“自动生成一张漂亮图”，而是给 Agent 一套设计系统推理入口：67 种 UI 风格、161 条产品类型规则、57 组字体配对、25 类图表建议和 99 条 UX 指南。对 AI 编程规范来说，这类规则比一句审美要求更容易复用。

怎么使用这个技能包？

先从 CLI 或 Marketplace 入口确认

如果你用 Claude Code，可以看仓库里的 Claude Marketplace 安装方式；如果想跨 Cursor、Windsurf、Codex CLI 等工具复用，则看 npm 包 ui-ux-pro-max-cli。安装后不建议直接改主分支，先让 Agent 为一个测试页面输出设计系统，再看它是否会说明配色、字体、布局、无障碍和响应式检查。

适合谁？

• 经常让 AI 改落地页、后台、仪表板的人。

• 团队想把 CLAUDE.md 里的设计要求拆成可执行规则。

• 需要跨 React、Vue、SwiftUI、Flutter 等技术栈统一 UI 口径的项目。

用完怎么验收？

看三件事：第一，Agent 有没有说明采用哪类 UI 风格和产品规则；第二，Git Diff 里是否只改了相关组件、样式和文案；第三，结果能不能通过响应式、对比度、焦点状态和 hover 状态检查。能解释、能回滚、能复用，才算这个技能包进入了真实工作流。

不适合谁？如果只是临时改一个按钮颜色，用普通提示词更快。真正值得安装的场景，是你已经开始让 Agent 做长期 UI 迭代，并且希望每次改动都能留下可检查的设计理由。发布前再让它列出改动依据，能减少“好看但不可维护”的问题，也更稳。