UI UX Pro Max
Introduction
A searchable UI/UX design library for AI coding assistants such as Claude Code, Cursor and Windsurf. It includes dozens of UI styles, hundreds of colour pairings, font pairings, UX guidelines and chart types, and supports React, Next.js, Vue, SwiftUI and Flutter, helping AI generate professional, good-looking interfaces. Free to use.
Install
Claude Code (marketplace):
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skillCLI (recommended, supports 20+ assistants):
npm install -g ui-ux-pro-max-cli
uipro init --ai claude # claude, cursor, windsurf, codex, gemini, copilot, opencode...
uipro init --ai universal # Agent Standard (.agents/skills/)
uipro init --ai claude --global # install to ~/.claude/skills/Requires Python 3.x for the search script (standard library only, no network calls).
Usage
Just describe the task — the skill activates automatically:
Build a landing page for my SaaS productThe reasoning engine generates a complete design system — landing pattern, UI style, color palette, typography, anti-patterns, pre-delivery checklist — from 192 industry rules, 79 searchable UI styles, 192 color palettes, and 74 font pairings. Mention your stack (React, Next.js, Vue, Nuxt, SwiftUI, Flutter, HTML+Tailwind, ...) for stack-specific guidance.
Update with uipro update, remove with uipro uninstall.
安装(中文)
Claude Code 用 /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill 后安装插件;或 npm install -g ui-ux-pro-max-cli 再执行 uipro init --ai claude(支持 cursor、codex、gemini 等 20+ 助手,--global 装到用户目录)。需要 Python 3.x(仅标准库)。直接描述 UI/UX 任务即可自动生成完整设计系统,可在提示中指定技术栈。
FAQ
- UI UX Pro Max 支持哪些技术栈?
- 支持 React、Next.js、Vue、SwiftUI、Flutter 等多种技术栈。
- 它包含哪些内容?
- 包含数十种 UI 风格、数百个色彩搭配、字体搭配、UX 准则与图表类型,可供 AI 编码助手检索。
- 可以配合哪些 AI 编码助手使用?
- 可配合 Claude Code、Cursor、Windsurf 等 AI 编码助手使用。
Ratings and comments
Public feedback from people who used it.
No public comments yet.