在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侧边栏中输入 :

bash 复制代码
/ui-ux-pro-max
帮我设计一个 B2B SaaS 产品的官网首页,要求:

风格:Minimalism + Clean,现代感强
目标:引导用户注册试用(主 CTA)、展示产品核心功能和客户案例
受众:中大型企业的产品经理和技术负责人
技术栈:React + Tailwind
请先给出:
推荐的 UI 风格说明与理由
颜色方案(含主色、辅色、背景色、强调色),并给出 Tailwind 写法示例
字体与排版层级建议
页面模块结构草图(Hero、Features、Testimonials、Pricing、FAQ、Footer 等)
最后输出一个完整的 React 组件示例(使用 Tailwind),包含上述模块。
相关推荐
薛定猫AI1 分钟前
【深度解析】从 Claude Jupiter 到 ARC-AGI 3:大模型发布信号、评测体系与多模型工程接入实践
人工智能·agi
刘一说5 分钟前
AI 热点资讯日报-2026-05-01
人工智能
threelab6 分钟前
Three.js 代码云效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
Java小生不才7 分钟前
Spring AI文生音
java·人工智能·spring
jinanwuhuaguo9 分钟前
(第二十八篇)OpenClaw成本与感知的奇点——从“Token封建制”到“全民养虾”的本体论地基
android·人工智能·kotlin·拓扑学·openclaw
byte轻骑兵13 分钟前
【HID】规范精讲[8]: 蓝牙HID核心之L2CAP层——无线人机交互的通信桥梁设计解析
人工智能·人机交互·蓝牙·键盘·hid
Peter·Pan爱编程14 分钟前
第一篇:什么是 Vibe Coding?核心素养与范式转移
人工智能·ai编程
V搜xhliang024615 分钟前
OpenClaw科研全场景用法:从文献到实验室的完整自动化方案
运维·开发语言·人工智能·python·算法·microsoft·自动化
05候补工程师17 分钟前
【ROS 2 具身智能】Gazebo 仿真避坑指南:从“幽灵机器人”到传感器数据流打通
人工智能·经验分享·笔记·ubuntu·机器人
kaikaile199521 分钟前
风、浪、流环境模型的船舶三自由度(纵荡、横荡、艏摇)运动仿真MATLAB
开发语言·人工智能·matlab