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