在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),包含上述模块。
相关推荐
量子-Alex3 分钟前
【大模型技术报告】Qwen2技术报告解读
人工智能
人工智能AI技术4 分钟前
智能体元年第一课:使用Microsoft Foundry + AI Toolkit 10分钟构建你的第一个多模态Agent
人工智能·c#
高工智能汽车4 分钟前
对话后摩智能项之初:端侧AI芯片已就绪,等待下一个“iPhone 4”
人工智能
Sagittarius_A*5 分钟前
灰度变换与阈值化:从像素映射到图像二值化的核心操作【计算机视觉】
图像处理·人工智能·opencv·算法·计算机视觉·图像阈值·灰度变换
V胡桃夹子7 分钟前
VS Code / Lingma AI IDE Java 开发攻略手册
java·ide·人工智能
Bruk.Liu8 分钟前
(LangChain实战3):LangChain阻塞式invoke与流式stream的调用
人工智能·python·langchain
小小工匠9 分钟前
大模型开发 - 零手写 AI Agent:深入理解 ReAct 模式与 Java 实现
人工智能·react
翱翔的苍鹰11 分钟前
法律问答机器人”技术方案”的实现
人工智能·rnn·深度学习·自然语言处理
m0_6038887114 分钟前
Structured Over Scale Learning Spatial Reasoning from Educational Video
人工智能·深度学习·机器学习·ai·论文速览
Bruk.Liu16 分钟前
(LangChain实战4):LangChain消息模版PromptTemplate
人工智能·python·langchain