ui-ux-pro-max-skill：AI 编程助手的设计增强插件

概述

UI UX Pro Max 是一个可搜索的数据库，包含 UI 样式、配色方案、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践。它可作为 AI 编程助手（如 Claude Code、Codex、Cursor、Windsurf 等）的一项技能或工作流程。

GitHub 地址: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

特色

• 57 种 UI 风格 - 玻璃态、粘土态、极简主义、粗野主义、新拟态、便当网格、深色模式等
• 95 种配色方案 - 专为 SaaS、电子商务、医疗健康、金融科技、美容等行业定制的调色板。
• 56 种字体搭配组合 - 精选排版方案，附带 Google Fonts 导入代码
• 24 种图表类型 - 仪表盘与分析推荐
• 11 种技术栈 - React、Next.js、Vue、Nuxt.js、Nuxt UI、Svelte、SwiftUI、React Native、Flutter、HTML+Tailwind、shadcn/ui
• 98 条用户体验指南——最佳实践、反模式与无障碍规则

安装

Using CLI (推荐)

# Install CLI globally
npm install -g uipro-cli

# Go to your project
cd /path/to/your/project

# Install for your AI assistant
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity (.agent + .shared)
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai codex       # Codex (Skills)
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai all         # All assistants
Other CLI Commands
uipro versions              # List available versions
uipro update                # Update to latest version
uipro init --version v1.0.0 # Install specific version

手动安装

将相应的文件夹复制到您的项目中：

先决条件

搜索脚本需要 Python 3.x 版本。

# Check if Python is installed
python3 --version

# macOS
brew install python3

# Ubuntu/Debian
sudo apt update && sudo apt install python3

# Windows
winget install Python.Python.3.12

使用指南

Claude Code

该技能会在您提出 UI/UX 设计需求时自动激活。请像平常聊天一样自然交流。

Build a landing page for my SaaS product

Cursor / Windsurf / Antigravity

使用斜杠命令来调用技能：

/ui-ux-pro-max Build a landing page for my SaaS product

Kiro

在聊天中输入 / 查看可用命令，然后选择 ui-ux-pro-max:

/ui-ux-pro-max Build a landing page for my SaaS product

GitHub Copilot

在 VS Code 中使用 Copilot 时，在聊天框中输入/可查看可用提示，然后选择 ui-ux-pro-max:

/ui-ux-pro-max Build a landing page for my SaaS product

Codex CLI

该技能会针对 UI/UX 需求自动激活。您也可以显式调用它：

$ui-ux-pro-max Build a landing page for my SaaS product

Gemini CLI

当你请求 UI/UX 工作时，该技能会自动激活。

Build a landing page for my SaaS product