在trae、qoder、Claude Code、Cursor等AI IDE中使用ui-ux-pro-max-skill

ui-ux-pro-max-skill官方地址

全局安装 uipro-cli

npm install -g uipro-cli

进入你的前端项目

cd /your/project

初始化并绑定 Claude Code 作为 AI

uipro init --ai claude # 如果你用 Cursor 就用 --ai cursor

uipro init --ai cursor # Cursor
uipro init --ai qoder # qoder
uipro init --ai all # 一次性启用全部支持的 AI

在qoder侧边栏中输入 ：

/ui-ux-pro-max 帮我设计一个 B2B SaaS 产品的官网首页，要求： 风格：Minimalism + Clean，现代感强 目标：引导用户注册试用（主 CTA）、展示产品核心功能和客户案例 受众：中大型企业的产品经理和技术负责人 技术栈：React + Tailwind 请先给出： 推荐的 UI 风格说明与理由 颜色方案（含主色、辅色、背景色、强调色），并给出 Tailwind 写法示例 字体与排版层级建议 页面模块结构草图（Hero、Features、Testimonials、Pricing、FAQ、Footer 等） 最后输出一个完整的 React 组件示例（使用 Tailwind），包含上述模块。