在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),包含上述模块。
相关推荐
池央1 分钟前
CANN oam-tools 诊断体系深度解析:自动化信息采集、AI Core 异常解析与 CI/CD 流水线集成策略
人工智能·ci/cd·自动化
CV@CV5 分钟前
2026自动驾驶商业化提速——从智驾平权到Robotaxi规模化落地
人工智能·机器学习·自动驾驶
财经三剑客6 分钟前
AI元年,春节出行安全有了更好的答案
大数据·人工智能·安全
依米阳光086 分钟前
Playwright MCP AI实现自动化UI测试
ui·自动化·playwright·mcp
艾莉丝努力练剑14 分钟前
图像处理全栈加速:ops-cv算子库在CV领域的应用
图像处理·人工智能
tq108616 分钟前
AI 时代的3类程序员
人工智能
island131417 分钟前
CANN ops-nn 算子库深度解析:核心算子(如激活函数、归一化)的数值精度控制与内存高效实现
开发语言·人工智能·神经网络
骥龙31 分钟前
第六篇:AI平台篇 - 从Jupyter Notebook到生产级模型服务
ide·人工智能·jupyter
TOPGUS32 分钟前
谷歌SEO第三季度点击率趋势:榜首统治力的衰退与流量的去中心化趋势
大数据·人工智能·搜索引擎·去中心化·区块链·seo·数字营销
松☆44 分钟前
CANN深度解析:构建高效AI推理引擎的软件基
人工智能