以 CATALK 打标签页的一次真实改版为例,走完一个点子的四步:记进点子池、按版本目标和三个维度判断做不做、写进 PRD、自己验收后再发版。
点子先记下来,不马上做;按版本目标、点子类型、真实成本判断该不该做;决定要做就先把规则写进 PRD,再让 AI 照着写;做完亲自走一遍,把体验问题写回 PRD 一起改。

AI 写代码很快,很多人做 Vibe Coding 时想到一个点子就马上让 AI 实现,再想到一个又加上去。结果是功能越加越多,页面越来越挤,产品离最初想做的事越来越远。
问题不在于点子多,而在于缺少一套处理点子的办法:点子怎么管理?哪些该做、哪些不该做?优先级怎么选?
这篇用作者自己已上架的 App CATALK(一个记录猫咪叫声的小工具) 里的一次真实改版来回答。改版对象是「打标签」页,一个点子从出现到上线,会经过四步:
| 步骤 | 做什么 | 关键问题 |
|---|---|---|
| 1. 记下来 | 放进点子池,写清哪个页面、什么问题、打算怎么改 | 点子放在哪?从哪来? |
| 2. 判断做不做 | 先定版本目标,再看三个维度 | 值不值得做? |
| 3. 写进 PRD | 把规则和拍板的决定写清楚,AI 照着写代码 | 怎么实现? |
| 4. 自己试一遍 | 不顺手的地方写回 PRD 一起改,没问题再发版 | 怎么验收? |
有了一个绝妙的点子,第一反应往往是马上打开 AI 让它去做。作者的做法是:先不急,把它记下来,放进「点子池」。
点子池不是特定的文件,也不是某个工具。只要能把点子沉淀下来,它就是点子池,备忘录也可以。
在 CATALK 里,点子池就是项目中的 TODO.md。文件里专门有一节写明:
新想法只记在这里,这是想法和候选功能的唯一入口。……决定要做的,写进 PRD §11 并在这里注明编号。
光自己记住还不够。作者把这条规矩也写进了给 AI 看的项目说明 AGENTS.md,在「开工前」一节让 AI 先判断任务属于哪一类:
### 3.2 开工前
1. 先读 README 的「当前状态」「未发布的改动」和「下一步」。
2. 判断任务属于哪一类:
- 新功能、改交互、改流程:先改 PRD(新编号或对应小节),把改动告诉用户,确认后再写代码。
- 不改规则的 bug 修复:可以直接改代码,收尾时在 PRD 变更记录补一行。
- 只是想法、暂时不做:写进 TODO,不动 PRD 和代码。
这样,就算你跟 AI 随口提了一句新想法,它也不会马上去写代码,而是先帮你记下来。

上图是视频中的示意动画,用来说明这条规则想达到的效果,不是一次真实对话的截图。
原因一:产品规划需要冷静期。 刚想到点子时,情绪可能盖过它的真实价值。你现在觉得特别激动,冷静下来看,它可能无关紧要;如果直接插队,就会占用优先级更高的事情的资源。

原因二:AI 开发请神容易送神难。 你给 AI 一句话,它噼里啪啦把代码都写完了。万一没做 git 备份,或者工作区不干净、混进了其他文件,想回退的时候就麻烦了。

如果还不熟悉备份和回退,可以先看站内的 Git 存档、回退与分支管理完全指南。
最靠谱的点子来源不是灵光一闪,而是边用边想:用着用着,发现旁边还能做得更好,也就是所谓的「相邻性可能」。
CATALK 2.0 快上架时,作者录了一段猫叫准备打标签,一打开这个页面就觉得不对劲。一个页面上从上到下塞了:

作者当时没有直接让 AI 去改,而是先截图,把发现的问题记下来。每一条先记三样东西:
针对这个页面,作者记下了三个优化思路(原文记在 PRD 的「5.3 测试反馈」里):
| 编号 | 问题 | 优化方向 | 类型 |
|---|---|---|---|
| 01 | 实际使用时会忘记选猫:「是哪只猫的喵语?」和普通标题长得一样,看不出还没选;选了以后标题也没变化,选择结果不直观 | 选择结果显性化 | 文案优化 |
| 02 | 猫咪头像和「新增」格偏大(100pt),一屏放不下,最下方的「场景」被挤出屏幕 | 缩小头像区域占比 | 页面优化 |
| 03 | 所有问题平铺在一页,还可以更快 | 三段式快速选择:每次只展示一个问题 | 流程迭代 |

这些改动都不难,但作者也没有马上让 AI 去做。在「怎么做」之前,还有一个问题:这些事到底该不该做?
判断之前先明确这个版本的目标。例如这一版只解决「新用户很快上手」,或者只解决「核心功能足够流畅」。
没有目标,每个点子看起来都挺好,你会哪个都想做。有了版本目标,判断时才有依据。

有关系的,再继续往下讨论。没关系的,哪怕再有意思,这一版也先放着,留在点子池里以后再看。
作者一般分三类,处理顺序也按这个顺序:
为什么修复排第一?因为用户最先感受到的,就是那些用着不顺手的东西。一个功能用起来不顺手,再加 10 个新功能也救不回来。产品设计里经典的 Kano 模型讲的也是这个道理:基本需求没做好之前,惊喜功能没有意义。
这是做 Vibe Coding 最容易踩的坑:实现成本不等于真实成本。
AI 写代码很快,很多功能看起来几分钟就能做完,你会觉得「反正不费事,加上吧」。但功能上线以后,你要一直维护它、测试它,每次改版都要照顾它,页面上也永远多了一样东西。这就是历史包袱。产品往往就是被一次又一次「反正做起来也容易」带跑偏的。

判断的结果不只有「做」。以「要不要做猫咪社区」为例,作者想得很清楚:肯定不做。

这些不做的点子也要写下来,并把原因写清楚。否则时间久了会忘,说不定哪天又莫名其妙地加上去了。
CATALK 是记录猫咪叫声的 App。它在 PRD 设计原则里的第一条是「记录要快」:
- 记录要快:从打开 App 到保存一条喵语,不超过「录一声 → 停止 → 下一步 → 选标签 → 保存」五步。
视频里作者把它讲成「记录要方便」,并补充了自己的理解:方便不是步骤少,而是符合用户的习惯和直觉。 用户不用想就知道:

前两个维度都过了,真正要取舍的是成本与收益。
前两个点子看起来都很好做:
都是改几行代码的事,但它们都是在那个很长的页面上打补丁。用户为什么会忘记选猫?场景输入框为什么被挤出去?根本原因是一个页面同时问了三个问题:哪只猫?叫声是什么意思?在什么场景下录的?过多的信息分散了用户的注意力,再怎么打补丁、做突出,都改变不了这个事实。

第三个点子「三段式」改动很大,要把整个页面拆开重做,但它从根本上解决了问题:一次只问一件事。
作者最后决定只做三段式。做完之后,每一步只有一个问题,空间足够了,头像不用缩小,第二条也就不用做了;选过的结果会显示在顶部,一眼就能看到选了哪只猫,第一条也被取代了。

同样是优化,实现起来更复杂的点子,反而效率更高,也是最简洁的方案。如果当时想到什么就做什么、图省事去打补丁,页面还是那个长页面,问题依然没有解决。

决定要做以后,才进入「怎么做」。作者没有直接让 AI 改代码,而是先把 PRD 里「打标签(新建喵语)」这一节整个重写,写清楚:

截图是这一节的最终版本,已经包含下文验收后补进去的修改(例如「前进向左、回退向右」)。整理成表格如下,其中三行在录屏里被截断,以「……」表示:
| 区块 | 规则 |
|---|---|
| 固定区 | 顶部音频预览(播放、迷你波形、时长);其下为进度(三个圆点 +「第 N / 3 步」)和已选结果 |
| 已选结果 | 进入第 ② 步后显示已选的猫(小头像 + 名字),第 ③ 步再显示已选标签;点击回到对应步骤修改 |
| ① 这是哪只喵的喵语? | 猫咪网格(每行 3 格)+「新增」;点猫或新增完成后进入 ②。只有一只猫也不跳过…… |
| ② 这声喵是什么意思? | 10 个预设标签 + 自定义标签,两列;点选进入 ③。「+ 自定义」展开输入框…… |
| ③ 场景(可选) | 进入时不自动聚焦,点输入框才弹键盘,避免误以为必填(最多 60 字)…… |
| 布局 | 音频预览固定在顶部;进度、已选结果、问题标题与选择区居中,整体位于剩余空间中间偏上 |
| 切换动画 | 前进向左、回退向右;减少动态效果时只淡入淡出 |
| 回退 | 左上角「上一步」;在第一步为「返回裁剪」,回到裁剪页 |
| 保存后 | 首页切换到这只猫(时间线筛选为这只猫)并滚到顶部,新记录在最上方,卡片描边闪两下 |
| 离开 | 返回裁剪页时已裁好的音频不保存,下次启动时自动清理 |
一句话:写进文档的决定,才是项目真正记住的东西。
还没有 PRD 的话,可以先看 Vibe Coding 项目规划指南。
开发完不等于做完了,还要验收。验收分两部分:
三段式做完后,作者亲自操作了一遍,发现了 4 个问题(记在 PRD「5.4 三段式测试反馈」里):
| 编号 | 问题 |
|---|---|
| 05 | 步数显示在音频预览下方左侧,字小、不显眼;问题标题左对齐,选择区靠上 |
| 06 | 切换到下一步时内容向右移动并渐变,方向反直觉 |
| 07 | 回退太隐蔽:页面上没有明确的「上一步」,只能点已选结果回去;左上角返回按钮只有箭头,不确定是回上一步还是退出整个流程 |
| 08 | 保存后回到首页,看不出哪条是刚保存的 |

第 1 条里,AI 没有「看不看得清」的概念,它觉得有就行。第 2 条里,点「下一步」时内容往右滑,感觉像在后退;正常来说下一步应该向左滑。
这 4 条都不是 bug,而是不符合人的使用直觉的问题。处理方式是:直接写进 PRD,一起改掉。
最新版本对应修复了这四个问题:

作者每一轮都保留了改之前、改之后的截图,效果一目了然。
发版时,更新说明里只写用户能看懂的话:
打标签改为三步:选猫 → 选含义 → 写场景,几秒完成。

AI 让做一个功能变得越来越容易,但由人来决定要不要做,反而变得更重要。