1. 摘要
我用 TRAE SOLO 持续搭建了一个个人网站，不只是展示主页，而是把它做成了一个可迭代的 AI 产品实验站。
网站里整合了工具集、实验室 Demo、内容入口和个人方法论沉淀，让它既能展示作品，也能不断新增可用工具，形成一个长期生长的个人产品中枢。（主要框架由trae搭建，部分demo或工具使用了其他AI编程工具,项目仍在持续完善中，部分功能可能尚无法使用)
2. 背景
我是想往 AI 产品经理方向发展的大学生（0代码基础），平时会持续做产品思考、工具验证和 AI 应用实验。
我遇到的一个实际问题是：很多想法、Demo、效率工具和内容输出都很分散，缺少一个统一的线上载体，既不方便展示，也不方便长期迭代。
所以我想用 SOLO 搭一个属于自己的 AI 产品实验站，让它同时承担 3 个角色：
- 对外展示我的产品思考和作品
- 对内沉淀我做过的工具与 Demo
- 作为后续持续迭代的个人产品底座
3. 实践过程
我把整个任务拆成了 4 个阶段：
-
先确定网站定位，而不是先堆页面
我先明确这个网站不是普通个人主页，而是“AI 产品实验与工具中枢”。因此首页、工具集、实验室、内容入口的结构都围绕“可持续新增内容”来设计。 -
用 SOLO 持续完成前端搭建和功能迭代
我不是一次性生成网站，而是通过多轮对话，让 SOLO 帮我逐步完成：
- 首页结构调整
- 工具集分类与卡片体系
- 实验室 Demo 页面搭建
- 个人内容入口页设计
- 多个浏览器本地可运行的小工具开发
- 用 SOLO 做高频细节迭代
这个过程里，我大量使用了 SOLO 的这些能力：
- 前端页面生成与修改
- 静态工具页面搭建
- 交互逻辑补全
- UI 文案与布局优化
- Bug 排查与本地预览联调
- GitHub 同步提交
- 边做边修正产品思路
中间并不是一帆风顺，很多问题都需要反复打磨，比如：
- 有些工具第一次做出来只是“能看”，但不好用
- 某些页面布局在桌面端和移动端体验不一致
- 一些本地工具的导入、导出、预览、拖拽逻辑要反复修
- 我一开始对“主站”和“Demo/工具页”的关系也没完全想清楚，后来逐渐明确成“主站负责聚合，工具页负责具体功能”
这部分我觉得很重要：SOLO 不是替你一步到位，而是非常适合拿来做“持续迭代型开发”。
4. 关键 Prompt / 操作方式
我在实际使用里，比较高频的方式不是一句话让它“生成一个网站”，而是按产品经理思路拆任务，例如：
- 先定义这个页面的角色和目标用户
- 再明确是做展示页、工具页还是实验页
- 然后逐步补功能、改交互、改文案、改视觉
- 每做完一个功能，都在本地预览后继续细修
我发现比较有效的 Prompt 方式有两类：
-
产品导向型
“这个页面的目标是什么，核心用户是谁，信息优先级怎么排，应该先展示什么后展示什么” -
开发迭代型
“保留现有结构，只修改某个交互 / 某个功能 / 某块布局，不要动其他部分”
这种方式比“大而全一次生成”稳定很多，也更适合真实项目推进。
5. 成果展示
目前我已经基于这个网站持续做出了一批可运行内容，包括：
- 个人主站首页
- 工具集页面
- 实验室 Demo 页面
- 内容入口页
- 多个本地浏览器可运行的小工具
- 面向 AI 产品方向的实验型网页应用
6. 效果与总结
