nextlevelbuilder/ui-ux-pro-max-skill

项目介绍

UI UX Pro Max 是给 AI 编程助手使用的技能。它把可搜索的设计目录和一个 Python 搜索脚本打包在一起，让助手把「帮我做一个 SaaS 落地页」这类请求展开成一套具体设计系统：页面结构、视觉风格、配色、字体搭配、关键效果、要避免的反模式，以及交付前检查清单。目录覆盖 192 个产品类别、80 种可搜索 UI 风格（其中 51 种为活跃状态）、192 套配色、74 组字体搭配、25 种图表类型和 22 个技术栈，包括 React、Next.js、Vue、SwiftUI、Flutter 和 HTML+Tailwind。仓库还提供安装 CLI，把技能写入各助手约定的目录。

快速使用

先全局安装 CLI，再在项目里为所用助手初始化技能：

npm install -g ui-ux-pro-max-cli
cd /path/to/your/project
uipro init --ai claude

把 claude 换成 cursor、windsurf、copilot、codex 或其他受支持的目标，也可以用 uipro init --ai all。Claude Code 还可以走 Marketplace：先 /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill，再 /plugin install ui-ux-pro-max@ui-ux-pro-max-skill。加 --global 可安装到所有项目。搜索脚本需要 Python 3.x，且只使用标准库、不发起网络请求。

安装后，在 Skill Mode 下正常提出 UI 任务即可自动激活；在 Workflow Mode（Kiro、Roo Code、KiloCode）下需要在请求前加 /ui-ux-pro-max。也可以直接调用生成器：

python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system -p "Serenity Spa"

如果使用 Continue 或 Droid，技能目录不同（分别是 .continue/skills/ 和 .factory/skills/）。加 --persist 会写出 design-system/<project>/MASTER.md 和可选的页面覆盖文件。搜索结果只提供设计指导，不会自动改写应用代码。

使用约束

• CLI 会把技能写入助手专用目录，要在希望生效的项目里安装，或用 --global 安装到全局。
• --rtl 只接受显式的 --domain style 或 --domain product，不能与 --design-system 或 --stack 同时使用。
• 人类可读输出会把长字段截断到 300 字符，需要完整数据时加 --json。
• Web 技术栈的指导带版本判断：显式指定旧版本时只返回经过整理的旧版条目，没有对应条目则不返回结果。
• 不支持把整个仓库 ZIP 上传到 Claude.ai，因为超过 200 个文件的上限。
• 项目使用 MIT 许可证。uupm.cc 另有包含品牌资产和扩展设计令牌架构的付费版；本仓库是基础版。

HotRepo 点评

这个仓库的产品边界比较清楚：开源部分是本地搜索和规则目录，官网销售付费版。采用前值得知道这个划分，因为免费版已经覆盖了核心的设计系统生成。README 对 token 上限、CLI 版本过旧、符号链接安装报错、缺少 Python 等失败场景写得很具体，不像只做了一层薄封装。可以把目录规模和前后对比的重塑示例当作功能范围的证据，而不是输出质量的基准。

项目源码与说明