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;搜索脚本仅使用标准库,不进行任何网络调用。

工作原理(高层次流程)

  1. 用户请求 – 向 AI 助手输入设计需求。
  2. 多领域搜索 – 该技能对产品类型、风格、色彩、布局模式、排版五个方面并行搜索其精选数据集。
  3. 推理引擎 – 应用 BM25 排名、基于规则的匹配和 JSON 编码的决策规则,选择最佳的布局、风格、色彩、字体和效果,同时过滤反模式。
  4. 输出 – 一个结构化的设计系统(如 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;未推断任何额外功能。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目