news 2026/10/25 0:12:23

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
在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),包含上述模块。
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/15 19:44:28

什么是OpenStack

文章目录OpenStack的发展历史OpenStack能做什么OpenStack的核心项目华为FushionSphere OpenStack简介OpenStack是一个云平台管理的项目,它不是一个软件,它是由几个主要的组件组合起来,为公有云、私有云和混合云的建设与管理提供软件的开源项目…

作者头像 李华
网站建设 2026/10/21 11:21:10

Docker 详解与部署微服务实战

Docker 详解与部署微服务实战 主讲老师:Fox 有道笔记地址链接:https://note.youdao.com/s/8eWHV1Jr 1. Docker详解 1.1 Docker简介 Docker 是一个开源的容器化平台,可以帮助开发者将应用程序和其依赖的环境打包成一个可移植、可部署的容器…

作者头像 李华
网站建设 2026/10/17 19:52:29

咱们今天聊点硬核的——用VB.NET直接操控三菱变频器。这玩意儿在工厂自动化里可是刚需,特别是需要精准控制电机转速的场景。废话不多说,直接上干货

上位机控制三菱变频器 DEMO (VB.NET), (可编辑上位机与三菱PLC,西门子PLC通讯, 数据采集,)源码带详细注释。 本程序有详细步骤和超详细的中文注释,可以控制多台变频器&…

作者头像 李华
网站建设 2026/10/24 2:46:03

Flutter for OpenHarmony 实战:IconButton 图标按钮详解

Flutter for OpenHarmony 实战:IconButton 图标按钮详解 摘要 IconButton是Flutter框架中用于创建带有图标的交互式按钮的核心组件,广泛应用于导航栏、工具栏和操作菜单等场景。在OpenHarmony平台上,通过Flutter的跨平台能力,开…

作者头像 李华
网站建设 2026/10/25 13:02:34

_基于springboot的智能家居系统(11675)

有需要的同学,源代码和配套文档领取,加文章最下方的名片哦 一、项目演示 项目演示视频 二、资料介绍 完整源代码(前后端源代码SQL脚本)配套文档(LWPPT开题报告)远程调试控屏包运行 三、技术介绍 Java…

作者头像 李华