一个人 + 一个 AI 助手 + 一个设计工具,我是这样从零做完一款小程序的

我手机相册曾经乱到什么程度呢？两万多张照片，美食、风景、聊天截图、表情包全混在一起，想找一张去年拍的照片，能翻十分钟。

作为一个平时喜欢折腾点小东西的人，我一直想有一款工具：照片丢进去，它自己帮我分好类。找了一圈，要么功能太重，要么广告太多，要么分类逻辑不是我想要的。

后来我干脆想：要不自己做一款？

于是我上线了一款叫"收图"的小程序，核心功能就是标题那句话——上传照片，自动识别，归类收纳。今天这篇文章，就把从零到上线的整个过程，原原本本讲给你听。

一、它到底是个什么东西

先看首页。

首页是我最喜欢的部分。撕纸质感的橙色顶图，配上"今日回忆"的照片卡片，下面一排功能入口：快拍收录、智能分类、图文手账、照片墙、纪念册。整个调性是"纸质相册"的感觉，而不是冷冰冰的工具软件。

核心的"智能分类"长这样。

你选好照片点"开始智能分类"，它会逐张识别内容，自动归进美食、植物、美景、数码这些常见类别，页面下方会实时显示"第几张：整理中"的进度。全程你只需要等结果。

除了分类，我还顺手做了几个配套功能。

一个是照片修复：框住照片上的水印、logo 或多余文字，一键抹掉。我在页面上专门写了"只在本机处理，不上传、不留存"——隐私这件事，宁可提前说清楚。

实际效果就像上图，框选、修复、看前后对比，三步搞定。

还有一个纪念册功能，套模板就能把照片做成电子相册，文字可以自由编辑，还能多人共同制作。

二、开发过程：我基本没"手写"多少代码

说重点：这款小程序的主力开发工具是 WorkBuddy。

我的工作流大概是这样的：想清楚要什么功能，然后用大白话描述给 WorkBuddy，让它生成页面结构和逻辑代码；跑起来哪里不对，就把报错或者现象丢回去，让它改；一个功能一个功能地往前拱。

印象比较深的几个关键节点：

1. 分类流程的骨架。最开始我把"选照片 → 识别 → 归类"的整个链路跑通，哪怕界面很丑，先让它能用。

2. 进度反馈。识别是逐张进行的，如果页面没反应，用户会以为卡死了。后来加上了"第 X 张：整理中"的实时进度，体验立刻不一样。

3. 修复功能的状态管理。撤销、重来、看原图、换一张……这些按钮背后是同一张图的多个状态来回切，是我调试花时间最多的地方。

整个过程里我的角色更像是"产品经理 + 验收员"：提需求、看效果、提修改意见。写代码这件事，AI 比我快太多。

三、界面是怎么来的：豆包负责"好看"

代码能跑了之后，界面还是工程师审美。这时候轮到豆包出场。

我的思路是先定调性：这是一款和"回忆""照片"有关的工具，所以想要温暖、手作、纸质感的风格，而不是科技感的蓝紫渐变。

定好方向后，我让豆包生成界面视觉和配图素材，再拿到小程序里去套。首页那张橙色撕纸顶图、"今日回忆"的拍立得卡片、纪念册那些手绘风模板图，都是这么来的。

一个小经验：与其说"帮我设计一个好看的界面"，不如先给足关键词——"撕纸质感""拍立得""暖色调""手作感"。关键词越具体，出来的东西越接近你脑子里的画面。

四、踩过的坑

坑当然踩了不少，挑三个印象最深的：

1. 识别结果不稳定。同样一张图，有时归进"美食"，有时归进"植物"。后来我调整了分类提示词的写法，把每个类别的判断标准写得更明确，才稳定下来。

2. 大图处理卡顿。用户相册里的原图动辄十几 MB，直接处理会很慢。加了一步压缩预处理之后才顺滑。

3. 状态切换的 Bug。修复页面在"撤销"之后偶尔会出现显示和实际状态不一致的情况，最后靠把状态收拢到一个地方统一管理才解决。

说白了，AI 能帮你写代码，但"发现问题在哪、想要的效果到底是什么"，还是得你自己想明白。

五、上线之后

小程序已经在【上线时间】正式上线了。目前的数据【用户数据占位：注册用户数/日活等，发布前补充】我先不贴，因为我想说的不是数字。

真正的收获是：以前觉得"做一款自己的产品"离我很远，需要团队、需要预算、需要懂技术。现在发现，把想法拆清楚、把工具用对，一个人真的可以把东西做出来、跑起来。

当然它还很粗糙，分类的准确率、修复的效果都有提升空间，后续我还打算【后续计划占位：例如增加自定义分类、导出功能等】。

如果你也有一款"想了很多年但没动手"的小产品，也许现在就是最好的启动时机。

最后想问问你：你的手机相册现在有多少张照片？最久的一张是几年前的？评论区聊聊，点赞最高的我送【互动福利占位，可选】。觉得文章有用的话，点个"在看"让更多人看到。