【Code With SOLO】用 SOLO 从 0 到 1 打造「忆清单」微信小程序：AI 辅助产品设计与代码开发
1. 摘要
产品定位：「忆清单」是一款帮助用户记录和分享人生成就的轻量级清单打卡小程序。用户可以勾选已完成的人生事项，生成精美海报分享到社交平台，获得正向情感激励。
作为一名后端开发，我借助 TRAE SOLO 完成了从产品设计到代码上线的全流程——语音讨论、竞品调研、PRD撰写、UI原型、代码开发，原本需要 4-6 周的工作，3天内就完成了，整体提效 10-20倍。
2. 背景
我是谁
后端开发工程师，主要写 Java，对前端和产品设计一窍不通，但一直想做自己的小程序。
痛点
- 不知道做什么产品
- 不会写 PRD
- 不会画原型
- 不了解竞品情况
灵感来源
小红书「人生已完成清单」内容很火，但都是截图传播，没有交互性。我想：做个小程序，让用户勾选清单，生成海报分享，应该有市场！
3. 实践过程
第一步：语音讨论
用 SOLO 的语音讨论功能，直接说出想法：
“我想做一个微信小程序，让用户勾选人生已完成事项，生成精美海报分享…”
SOLO 自动整理成结构化记录：
确定关键点：纯前端、核心流程（主题选择→勾选标记→生成海报）、3个主题。
第二步：生成 PRD
Prompt：基于讨论，帮我生成详细的产品需求文档
SOLO 输出包含 9 个章节的 PRD：
第三步：竞品调研与优化
SOLO 调研了 5 个竞品，总结痛点和差异化机会：
| 竞品痛点 | 我的机会 |
|---|---|
| 不支持海报生成 | 杂志级海报生成作为核心特色 |
| 视觉同质化 | 三个主题独立视觉风格 |
| 情感连接薄弱 | 正向情感激励系统 |
第四步：UI 原型设计
SOLO 生成单文件 HTML 原型，包含 6 个页面，还有 CSS 动画效果。
第五步：代码开发
将设计资料交给 SOLO，过了一段时间就完成了所有代码开发，包括：
- 创建项目目录结构
- 准备主题和标签数据
- 开发首页、清单页、海报页、设置页
交给我的这一版基本可用了，然后我再对其进行了一些调整(利用平常碎片化时间)
4. 小程序功能展示
首页 - 主题选择
- 三个主题卡片：人生已完成清单、情侣恋爱100件小事、年度旅行打卡清单
- 实时进度显示
- 每日励志语录
清单页 - 标签打卡
- 分类筛选功能
- 点击标签完成打卡
- 实时计算完成率
海报生成页面
- 个性化昵称设置
- 主题匹配风格（星空夜/甜蜜恋/清新风）
- Canvas 2D 绘制精美海报
- 保存到相册 / 分享给好友
5. 技术实现与优化
技术栈
- 产品设计：TRAE SOLO
- 小程序框架：微信原生框架（WXML + WXSS + JavaScript）
- 数据存储：微信本地存储
- 海报生成：Canvas 2D API
Bug修复记录
| 问题 | 解决方案 |
|---|---|
| Canvas roundRect 兼容性 | 实现自定义 drawRoundRect 函数 |
| wx.createImage 不存在 | 改用 canvas.createImage |
| 隐私协议权限 | 优化权限检查流程 |
项目状态
代码开发完成- 通过微信代码审核
- 正式上线发布
备案审核中
6. 效果总结
时间对比
| 环节 | 传统方式 | SOLO辅助 | 提效 |
|---|---|---|---|
| 想法整理 | 1天 | 30分钟 | 16x |
| 竞品调研 | 2-3天 | 2小时 | 10x |
| PRD撰写 | 1周 | 1天 | 7x |
| UI原型 | 1周 | 1天 | 7x |
| 代码开发 | 2-3周 | 30分钟 | 96x |
| 总计 | 4-6周 | 3天 | 10-20x |
SOLO 的价值
- 语音讨论：用最自然的方式表达想法
- 信息收集：快速调研竞品
- 结构化思考：PRD框架理清产品逻辑
- 设计实现：生成可交互原型
- 代码开发：高效完成实现
感谢 TRAE SOLO，让一个后端开发也能独立完成从产品设计到代码上线的全流程！