【Code with SOLO】用 SOLO 2天搭建一个 AI 驱动的竞品分析工具,产品经理的提效利器

Code with SOLO】用 SOLO 2天搭建一个 AI 驱动的竞品分析工具,产品经理的提效利器
:pushpin: 摘要
用 SOLO + Trae IDE,2 天完成了一款 AI 驱动的竞品分析工具「竞析 CompetiX」。输入竞品名称,AI 自动生成功能对比雷达图、SWOT 分析、市场定位图,并支持一键导出报告。从需求规划、技术方案到前后端开发、UI 设计,全程由 SOLO 辅助完成。

:bust_in_silhouette: 背景
我是一名软件工程大三学生,之前有过产品助理的实习经历。在实习期间,竞品分析是我最头疼的工作之一——手动收集信息、整理对比表格、写 SWOT 分析,一份完整的竞品分析报告往往要花 2-3 天。

我想做一个工具,让产品经理只需输入竞品名称,AI 就能自动生成结构化的竞品分析报告,把几天的工作压缩到几分钟。

:wrench: 实践过程
第一步:用 SOLO 做需求规划(约 2 小时)
一开始我只有一个模糊的想法"做一个竞品分析工具",不知道具体怎么做。我把想法告诉 SOLO,它帮我完成了:

确定产品方向:SOLO 分析了我的背景(软件工程 + 产品实习),推荐了"AI + 产品工具类 Web 应用"方向
生成完整 PRD:包含功能设计、用户流程、技术方案、API 设计、数据库设计,输出为 .docx 文档
制定开发计划:拆分为 10 个步骤,每步都有明确的 Prompt

第二步:用 SOLO 生成开发 Prompt(约 30 分钟)
SOLO 帮我生成了 10 个分步 Prompt,按顺序粘贴到 Trae IDE 中就能逐步完成开发:

Prompt 1-4:后端开发(Spring Boot 项目初始化、实体类、Service、Controller)
Prompt 5-10:前端开发(Vue3 项目搭建、6 个页面组件、ECharts 图表)

第三步:用 Trae IDE 完成开发(约 1 天)
在 Trae IDE 中,我开了 2 个会话(后端 + 前端),按顺序粘贴 Prompt:

后端会话(Prompt 1-4):

Spring Boot 3 + MyBatis-Plus 项目搭建
竞品管理 CRUD 接口
AI 分析服务(设计了 mock + api 双模式,不依赖付费 API 也能演示)
报告导出服务(Word 格式)
前端会话(Prompt 5-10):

Vue 3 + Element Plus + ECharts 项目搭建
6 个页面:Dashboard、竞品管理、新建分析、分析结果、报告导出、历史记录
雷达图 + 散点图可视化

第四步:用 SOLO 审查代码(约 30 分钟)
开发完成后,我把项目代码发给 SOLO 审查,它发现了几个我完全没注意到的问题:

问题 严重程度 说明
@Async 自调用失效 高 Spring AOP 代理问题,异步执行不生效
PDF 导出是假的 高 只生成了占位符,不是真正的报告
前端残留模板文件 中 Vite 脚手架的模板文件没清理
SOLO 还生成了修复 Prompt,我在 Trae IDE 中快速修复了这些问题。

第五步:功能优化(约 1 小时)
SOLO 建议了几个功能优化点,我觉得很有价值:

AI 自动填充:输入竞品名称,一键生成产品描述、功能列表、定价信息(预置了 10 个常见产品)
分析结果可编辑:SWOT 和总结支持在线编辑,体现"AI 辅助而非替代"
Loading 动画:分析过程中有四步进度提示
重新分析:不满意可以一键重新生成

第六步:UI 设计升级(约 1 小时)
初始版本的 UI 有明显的"AI 模板感"(蓝紫渐变、深色侧边栏、彩色卡片)。SOLO 调用了专业 UI 设计技能,参考 Linear、Vercel 的设计语言,生成了 UI 优化 Prompt:

冷灰底色 + 近黑强调色(#0F172A
DM Sans 字体
浅色侧边栏 + 左边竖线选中态
下划线 Tab、列表行、分割线
克制的动效
优化后的 UI 从"能用"变成了"好看",完全看不出 AI 生成的痕迹。

踩过的坑
@Async 自调用:Spring 的 @Async 通过代理实现,同一个 Bean 内部调用不会走代理,异步不生效。解决方案是把异步方法抽到独立的 Service 类。
AI API 成本:一开始担心调用大模型 API 会很贵,后来设计了 mock + api 双模式,开发测试用 mock,不花一分钱。
UI 同一性:Element Plus 默认组件风格和其他自定义页面不统一,需要全局覆盖样式。
:bullseye: 成果展示
产品功能
竞品管理:添加/编辑/删除竞品,AI 自动填充产品信息

AI 智能分析:选择竞品和分析维度,AI 自动生成多维度分析

可视化报告:雷达图、SWOT 分析、定位散点图

人机协作:分析结果支持在线编辑

报告导出:一键导出 Word 报告

技术架构
项目 内容
前端 Vue 3 + Vite + TypeScript + Element Plus + ECharts
后端 Spring Boot 3 + MyBatis-Plus + MySQL 8.0
AI Mock 模式 + 豆包大模型 API(可切换)
设计 Linear 风格,DM Sans 字体,CSS 变量体系
开发工具 SOLO(规划/审查/UI设计)+ Trae IDE(代码生成)
开发周期 2 天

:light_bulb: 效果与总结
提效数据
工作内容 传统方式 用 SOLO + Trae 提效
需求规划 + PRD 1-2 天 2 小时 5-8x
前后端开发 1-2 周 1 天 7-10x
代码审查 + 修复 半天 30 分钟 8x
UI 设计优化 1-2 天 1 小时 8-16x
总计 2-3 周 2 天 7-10x

SOLO 在我的流程中做了什么?
需求规划:帮我理清产品方向,生成完整 PRD
技术方案:设计 API、数据库、项目架构
开发指导:生成分步 Prompt,按步骤完成开发
代码审查:发现隐藏 bug,给出修复方案
UI 设计:调用专业设计技能,生成高质量优化方案
可复用的方法
SOLO 负责思考和规划,Trae IDE 负责执行和生成。 这个分工模式适用于任何 AI 辅助开发场景:

先用 SOLO 做完整的方案设计(PRD + 技术方案 + 开发计划)
SOLO 生成分步 Prompt
在 Trae IDE 中按步骤执行
完成后让 SOLO 审查代码
根据审查结果迭代优化
这个流程让我这个大三学生也能在 2 天内完成一个完整的前后端项目,而且质量不输有经验的开发者。