nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max – AI 驱动的设计系统技能

它是什么 – 一个开源的 技能（插件），用于 AI 编码助手（Claude、Cursor、Gemini 等），可以从自然语言请求生成完整的 UI/UX 设计系统。它包含推理引擎、可搜索的样式/颜色/字体目录，以及一个 CLI，可将生成的建议注入开发者的项目中。

主要功能

• 设计系统生成器 – 接受类似 “美容水疗中心落地页” 的简报，并输出完整规范：布局模式、UI 样式、颜色调色板、排版、关键效果、反模式以及交付前检查清单。
• 192 条行业特定推理规则 – 针对科技、金融、医疗保健、电子商务等行业的规则，驱动模式、样式和调色板选择。
• 79 种可搜索的 UI 样式（50 种活跃）和 192 种颜色调色板、74 种字体配对，以及 25 种图表类型 和 119 条 UX 指南。
• 22 个技术栈指南 – React、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose 等，并提供特定于技术栈的建议。
• CLI（ui-ux-pro-max-cli） – 安装 uipro 命令，可为多种 AI 助手初始化（--ai claude、--ai cursor 等），并支持全局或项目本地安装。

工作原理

1. 用户请求 →
2. 多域搜索 跨产品类型、样式、调色板、模式、字体（并行搜索）。
3. 推理引擎 应用 BM25 排名、基于规则的过滤器和 JSON 条件检查。
4. 输出 – 一个结构化的设计系统，可直接复制到代码中或交给设计师。

安装

# 全局安装 CLI
npm install -g ui-ux-pro-max-cli
# 为特定 AI 助手初始化技能
uipro init --ai claude   # 或 cursor、gemini 等

该技能也可以通过 Claude Marketplace 使用两个简单的 /plugin 命令添加。

使用

• 在项目文件夹中运行 uipro init … 以创建模板文件和 uipro 配置。
• 从受支持的 AI 助手中调用该技能；助手将调用技能，技能返回设计系统规范。
• 使用生成的规范来搭建组件、设置设计令牌或指导视觉设计师。

基础版与高级版

• 基础版（此仓库） – 开源，包含所有 UI/UX 智能、样式搜索和设计系统生成。
• 高级版 – 增加品牌识别生成、AI 图像资产创建、企业设计令牌架构和优先支持。

许可证 – 开源（参见 LICENSE 徽章）。项目接受通过 PayPal 的捐赠。

谁可能受益

• 希望快速获得一致 UI 基础的前端开发者。
• 需要快速、行业感知设计建议的产品团队。
• 寻找现成技能以增强代码生成工作流的 AI 助手开发者。

---

所有细节均直接取自仓库的 README；未推断任何额外功能。