Repolode
nextlevelbuilder

nextlevelbuilder/ui-ux-pro-max-skill

为 AI 编程助手提供可检索的 UI/UX 设计知识,涵盖风格、配色、字体搭配与技术栈规范。

Star
138,031
Fork
14,642
未关闭 Issue
91
最近提交
6天前

这是什么?

UI UX Pro Max 是一个为 AI 编程助手准备的技能包,在构建用户界面时提供设计参考。它内置可检索的界面风格目录、覆盖 192 类产品的配色方案、精选字体组合、图表推荐和 UX 指南,通过基于 BM25 排序的 Python 搜索脚本,针对具体产品生成完整的设计系统。

通过 npm 包 ui-ux-pro-max-cli 可以将技能安装到 Claude Code、Cursor、Windsurf、GitHub Copilot、Codex CLI、Gemini CLI 等工具中,安装程序会把文件放到各工具约定的目录。技术栈规范覆盖 React、Next.js、Vue、Angular、Svelte 等 Web 框架,SwiftUI、Jetpack Compose、Flutter 等移动端方案,以及多个桌面端框架。

搜索脚本仅依赖 Python 标准库,不发起网络请求。生成的设计系统可以保存为 MASTER.md 文件,并支持按页面单独覆盖,便于后续会话复用同一套规则。

核心功能

  • 01可检索的 79 种界面风格目录,默认启用其中 50 种。
  • 02覆盖 192 类产品的配色方案,以及 74 组精选字体搭配。
  • 03提供 22 个技术栈的专门指南,包括 React、Vue、SwiftUI、Flutter 等。
  • 04通过 Python 脚本根据产品描述生成完整设计系统。
  • 05设计系统可保存为文件,并支持按页面覆盖。
  • 06通过 ui-ux-pro-max-cli 包安装到多款 AI 编程助手中。

适用场景

  • 在 AI 编程助手搭建落地页或仪表盘前,为其提供设计规则。
  • 为新的 SaaS、金融或医疗产品生成统一的配色和字体体系。
  • 依据特定框架的无障碍和响应式布局指南检查界面代码。
  • 借助 MASTER.md 文件和页面级覆盖,在多次会话中保持同一套设计系统。

快速上手

  1. 1

    找到 npm 包 ui-ux-pro-max-cli,并按照 README 中的安装说明操作

  2. 2

    确保已安装 Python 3.x,因为该项目使用 Python 编写

使用前须知

  • 需要你的机器上安装 Python 3.x。
  • 此处可见的 README 内容未包含完整的安装命令,使用前请查看其安装部分。

标签

常见问题

ui-ux-pro-max-skill 是什么?
为 AI 编程助手提供可检索的 UI/UX 设计知识,涵盖风格、配色、字体搭配与技术栈规范。 UI UX Pro Max 是一个为 AI 编程助手准备的技能包,在构建用户界面时提供设计参考。它内置可检索的界面风格目录、覆盖 192 类产品的配色方案、精选字体组合、图表推荐和 UX 指南,通过基于 BM25 排序的 Python 搜索脚本,针对具体产品生成完整的设计系统。
ui-ux-pro-max-skill 可以免费使用吗?用的什么许可证?
ui-ux-pro-max-skill 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
ui-ux-pro-max-skill 还在维护吗?
活跃维护中。ui-ux-pro-max-skill 最近一次提交是在 2026年10月15日。
ui-ux-pro-max-skill 适合用来做什么?
在 AI 编程助手搭建落地页或仪表盘前,为其提供设计规则。 为新的 SaaS、金融或医疗产品生成统一的配色和字体体系。 依据特定框架的无障碍和响应式布局指南检查界面代码。 借助 MASTER.md 文件和页面级覆盖,在多次会话中保持同一套设计系统。
ui-ux-pro-max-skill 怎么安装和运行?
找到 npm 包 ui-ux-pro-max-cli,并按照 README 中的安装说明操作 确保已安装 Python 3.x,因为该项目使用 Python 编写
在哪里获取 ui-ux-pro-max-skill?
源代码和安装说明在 GitHub 上:https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目