使用ui-ux-pro-max skill设计网页（二）

@

目录

• 概要
• 安装ui-ux-pro-max
• 使用ui-ux-pro-max构建项目
• 小结

参考：https://ui.cod.ndjp.net/ （ui-ux-pro-max官网）
https://github.com/wadewtwt/init-vue3 （初始化vue3项目地址）

概要

在上一期我是直接使用claude自带的ui-ux-pro-max的skill技能去生成的网页，因为我工作中用Antigravity比较多，现在总结下如何通过Antigravity来使用ui-ux-pro-max这个技能来生成网页

安装ui-ux-pro-max

# 全局安装 CLI 工具
npm install -g uipro-cli

# 然后在你的项目目录下执行初始化
uipro init --ai antigravity

使用ui-ux-pro-max构建项目

在ai对话框里进行对话

/ui-ux-pro-max 为我建立一个现代化的 vue3 项目文件结构。

这一步会执行的时间比较长，他会不断地询问执行命令和安装各个依赖包，依赖包明细如下

“自动补全工作流” 的意思就是：你只管下模糊的目标，它负责补全专业的细节，会自动选择已有的组件保持统一风格。

框架内核: Vue 3 (Composition API +