一套纯指令与知识库,让 Claude 等编码智能体具备 UX/UI 设计能力,含 DTCG 设计令牌、组件规范与 52 项客观校验。
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
找到 npm 包 ui-ux-pro-max-cli,并按照 README 中的安装说明操作
- 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 数据每日更新。
相关项目
一套面向 Go 的 AI 编程助手技能集,提供语言规范、测试、安全与常用库等生产级指导。
为 Claude Code 提供的技能,可基于 Motion.dev 生成 React、Next.js、Svelte 等框架的网页动画代码。
基于 Radix UI 与 Tailwind CSS 的可复制粘贴 React 组件集,代码归你所有,可随意定制。
汇集 1000 多个 Claude Skills 与插件的精选列表,覆盖 Claude Code、Claude.ai 及 Codex、Cursor 等编程智能体。
面向 React 的无障碍组件库与设计系统,用于快速构建 Web 应用,支持深色模式和 Next.js RSC。