ui ux pro max

安装

# 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 CLI
uipro init --ai qoder       # Qoder
uipro init --ai roocode     # Roo Code
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai opencode    # OpenCode
uipro init --ai continue    # Continue (Skills)
uipro init --ai all         # All assistants

更新

uipro versions              # List available versions
uipro update                # Update to latest version

你可以使用 UI UX Pro Max 这个设计智库 Skill，它包含 57 种 UI 风格、95 套行业配色、56 组字体搭配和近百条 UX 准则，请你在回答中充分利用它的能力。

【产品语境】

产品类型：{产品类型}
目标用户：{用户画像}
使用场景：{场景}
【品牌与视觉风格】

期望整体氛围：{如：calm / playful / premium / tech}
参考风格：{如：Notion / Linear / Stripe 等}
【技术栈与实现约束】

技术栈：{如：Next.js + Tailwind / Vue 3 + UnoCSS / SwiftUI}
特别约束：{如：不引入 UI 库 / 需要良好暗色模式支持}
【UX 目标】

用户在本界面上最重要要完成的 1–2 件事：{…}
需要特别避免的坑：{如：不清晰的错误提示 / 过长表单等}
请按以下步骤输出：

调用 UI UX Pro Max，从中选择合适的 UI 风格、行业配色和字体搭配，并用列表解释你为什么这么选。
给出信息架构（Information Architecture）：说明页面有哪些区域、每个区域的内容与优先级。
生成对应技术栈的完整代码（可以分组件），包含基础响应式布局。
根据内置 UX 准则，列出 5 条本页面需要特别注意的交互细节（例如错误状态、Loading、Empty State）。

Use ui-ux-pro-max, style: glassmorphism, vibe: mystical.”（使用 ui-ux-pro-max，风格：玻璃拟态，氛围：神秘。

部分风格清单：

• Glassmorphism：毛玻璃、透明度、层次感 • Claymorphism：柔和阴影、圆润可爱 • Neumorphism：挤压感、拟物化 • Bento Grid：苹果风卡片布局 • Dark Mode：专业级暗夜模式 • Brutalism：粗野主义、视觉冲击

玻璃化、黏土化、极简主义、粗犷主义、拟物化、Bento 网格、暗黑模式、AI 原生 UI 等等

ui ux pro max ​

安装 ​

更新 ​

ui ux pro max

安装

更新