nextlevelbuilder/ui-ux-pro-max-skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
UI UX Pro Max – AI 驱动的设计助手
是什么 – 一个可添加到 AI 编码助手(Claude、Cursor、Gemini、Copilot 等)的开源「技能」。当你要求助手设计 UI 时,该技能会运行本地 Python 基础的搜索 + 推理引擎,并返回一个完整的 设计系统:布局模式、视觉风格、色彩调色板、排版、交互效果以及交付前检查清单。
核心功能
- 设计系统生成器 – 接收自然语言请求(例如 “为我的美容院创建一个着陆页”),利用 192 个行业特定的推理规则,生成可直接实现的规范。
- 79 种可搜索的 UI 风格(50 种活跃)如 Glassmorphism、Neumorphism、Minimalism 等,每种都有稳定的 ID。
- 192 种色彩调色板 和 74 种字体搭配,映射到 192 个产品类型类别。
- 22 种技术栈指南(React、Vue、Flutter、SwiftUI 等),根据你使用的框架定制推荐内容。
- 119 条 UX 指南,涵盖可访问性、响应式断点、焦点状态、减少动画、健壮文本处理等。
- CLI 工具(
ui-ux-pro-max-cli):安装uipro命令。使用uipro init --ai <assistant>可将该技能添加到选定的 AI 助手,支持项目级或全局添加。 - 离线友好 – 唯一的运行时依赖是 Python 3.x;搜索脚本仅使用标准库,不进行任何网络调用。
工作原理(高层次流程)
- 用户请求 – 向 AI 助手输入设计需求。
- 多领域搜索 – 该技能对产品类型、风格、色彩、布局模式、排版五个方面并行搜索其精选数据集。
- 推理引擎 – 应用 BM25 排名、基于规则的匹配和 JSON 编码的决策规则,选择最佳的布局、风格、色彩、字体和效果,同时过滤反模式。
- 输出 – 一个结构化的设计系统(如 README 所示)以及一份可访问性和实现约束的检查清单。
基础版 vs 高级版
- 仓库提供 基础版(开源):包含全部 UI/UX 智能、风格搜索和设计系统生成功能。
- 高级版 增加品牌标识资产、AI 生成图像、更深层的令牌架构和优先支持,但需在项目网站单独购买。
适合谁使用
- 希望无需手动研究 UI 趋势即可快速获得一致设计规范的前端开发者。
- 使用 AI 增强编码助手并能自动调用该技能的团队。
- 构建原型的爱好者,需要快速获得行业适用的视觉方向。
安装快照
npm install -g ui-ux-pro-max-cli # 安装 `uipro` 命令
uipro init --ai claude # 将技能添加到 Claude Code(或其他支持的助手)
你将获得 – 一个可复制到代码库(HTML/CSS、Tailwind、React 组件、Flutter 小部件等)的文本型设计系统,然后用实际 UI 代码填充。
所有细节均直接来自仓库的 README;未推断任何额外功能。
相关
- 项目
- 项目
- 项目
- 项目
- 项目