陪你办 WithYou：从一个小想法，到 15 亿 Token 做出来的小程序

之前做的微信小程序「陪你办 WithYou」上线已经有一段时间了。回头看，从最初冒出一点想法，到后来真正做成一个可以打开使用的小程序，整个过程比成品本身更值得记录。

如果只看现在的「陪你办」，它大概是一个集待办、备忘、共享空间和共同小账本于一体的小工具。但在它逐渐成形的过程中，我尝试用 Vibe Coding 的方式，让 AI 参与功能设计、技术实现、界面风格、交互细节，以及后续大大小小的修改。

到小程序基本完成时，前后一共消耗了 15 亿+ Token。

这个数字听起来有些夸张，却也很准确地描述了整个过程。

Vibe Coding 并不是把一句需求交给 AI，等一会儿就能得到一个完整的产品。更多时候，它像是一场持续很久的讨论、试错和拉扯：AI 给出方案，我判断是否可行；它写出第一版，我继续寻找问题；一个细节刚刚改好，另一个地方又可能受到影响。

经历无数次“再改一下”之后，最初那个模糊的想法，才慢慢变成了现在这个真正可以打开、可以使用的小程序。

待办工具已经数不胜数，为什么还要再做一个？

现在的待办类工具实在太多了，可以说是数不胜数。无论是简单清单、日程管理，还是复杂的项目协作，几乎都能找到成熟的产品。

所以我并不是因为“市面上还缺一个待办工具”，才决定做「陪你办」。

最直接的原因，是我确实有一些自己的使用需求。我希望有一个轻一点、温和一点的地方，可以记下今天要做的事，也可以放进那些没有明确期限、只是“不想忘记”的小事。它不需要时刻强调完成率，更像是一本生活手账：想做的事、突然出现的灵感、和别人约好的计划，都可以先放在这里。

另一个更重要的原因，是我想以共享空间为载体，做一个既能自己使用，也能和对象、朋友或家人一起记录、计划和完成生活小事的工具。

这种“一起使用”不需要复杂的任务流程。它可以是两个人一起准备一次旅行，一群朋友共同筹划一场活动，家人之间记下需要处理的事情，也可以只是在同一个空间里，保存一些彼此都不想忘记的小事。

空间也不只是用来分类内容的文件夹。每个空间都可以拥有自己的成员、待办、备忘、动态和账本。一个人使用时，可以用不同空间区分生活、学习、工作和私人记录；邀请别人加入之后，这里又会变成一个共同计划、共同记录生活小事的地方。

在产品之外，我也给自己设定了一个更完整的工程目标：不只做出几张可以演示的页面，而是把前后端、数据和部署真正串起来，最终通过容器化完成部署，得到一个可以持续运行、快速迭代和能实际使用的成品。

因此，「陪你办」从一开始就不只是一次 UI 练习，也不是给普通待办列表换一层手账风格。它既要满足我自己的日常需求，也要验证共享空间里的轻协作是否真的自然，还要走完从想法、设计、开发到部署上线的完整路径。

在这个过程中，我又加入了共同小账本。

因为很多共同生活的事情并不只包含“要做什么”，还包含“我们一起花了什么”。旅行中的车票和住宿、聚餐时谁先垫了钱、两个人日常买过的东西，这些琐碎账目很容易混在聊天记录里。共同小账本可以记录每个人的支出、自动分摊，并根据最终结果给出结清建议。

于是，待办、备忘、空间和小账本慢慢被放进了同一本“生活手账”里。

共同小账本会根据每个人的实际支出计算分摊结果，并给出相应的结清建议。

AI 做设计，有时候真的挺好看

这个项目里，AI 不只是写代码，也参与了大量设计讨论。

一个页面应该怎么组织？空间入口放在哪里更自然？便签列表是做成纸张、手账贴纸，还是更干净的清单？同一个功能，AI 往往能很快给出几个方向。有些方案第一眼看上去确实很好看，甚至会让人立刻产生“就按这个做”的冲动。

比如便签页面，我尝试过纸张便签、手账贴纸、时间轴、多标签突出和卡片堆叠等不同风格。空间切换也讨论过顶部标题切换、胶囊按钮、底部 Tab 和侧边抽屉。把这些方案并排放在一起时，它们各有各的道理。

但效果图好看，和真正做进小程序里，是两件不同的事。

便签列表曾尝试过多种视觉方向，最终方案是在风格、信息密度和实现成本之间不断取舍的结果。

一个看似简单的空间切换入口，也经历了顶部切换、胶囊按钮、底部入口和侧边抽屉等多种方案。

从设计图到真实页面，中间隔着很多现实问题

在正式开发中，设计最终还是要受到框架、组件、性能和维护成本的约束。

AI 可以在设计图里自由地使用纸张纹理、胶带、撕边、阴影和各种装饰，但小程序页面不是一张静态海报。列表要滚动，内容长度会变化，卡片需要点击，数据要实时更新，不同尺寸的手机也必须正常显示。

如果为了还原某种视觉效果大量切图，或者直接把图片当作页面背景，短期看可能更接近效果图，长期却未必是一个好选择。

图片会增加体积，也会带来适配问题；背景中的装饰和真实内容不容易自然伸缩；文字长度一变，原本严丝合缝的布局就可能错位。更麻烦的是，一旦加入多套主题色，或者希望同时支持暗色与亮色，许多依赖固定图片和固定颜色的设计都需要重新制作。

有些效果用 CSS 可以模拟，但要做到和设计图 100% 一致，往往意味着更多的层级、更复杂的样式和更高的维护成本。为了一个角落的纸张折痕，可能要增加几个元素；为了让阴影在不同主题下自然，又要重新调整透明度和色彩；一个页面看起来不错，并不代表整个小程序都能沿用同一套规则。

这也是开发过程中很现实的一部分：有时候不得不放弃一些看起来很不错的设计。

不是因为它不够好看，而是因为产品最终需要被使用、被维护，也需要在不同设备和不同状态下保持稳定。相比完整复制一张效果图，我后来更在意的是保留它真正有价值的部分：手账感、轻松的颜色、清晰的信息层级，以及不会给人太多压力的氛围。

这种取舍其实贯穿了整个项目。设计不再只是“好不好看”，还要回答很多问题：它能不能真实实现？数据变化之后会怎样？暗色模式是否还能看清？换一种主题色会不会突兀？未来增加功能时，这套结构还能不能继续使用？

当这些问题加入进来，最后的成品往往不会和最初的设计稿完全一样，但它会更接近一个真正的产品。

和 AI 斗智斗勇，也是 Vibe Coding 的一部分

很多人对 Vibe Coding 的想象，是描述需求，然后让 AI 自动完成剩下的一切。

实际做下来，我最大的感受却是：AI 可以显著降低“开始做”的门槛，却不会替你完成所有判断。

它有时会把一个问题修好，同时悄悄改动另一个地方；有时会非常自信地给出一个并不适合当前框架的方案；有时明明只是要调整间距，它却顺手重构了整块代码。一个问题如果描述得不够准确，它可能沿着错误方向做很久，而且做得还很认真。

所以开发过程中经常需要和 AI “斗智斗勇”。

你要告诉它哪些东西绝对不能改，哪些只是参考；要把一个模糊的“不太对劲”，拆成可以执行的修改要求；还要学会在它给出的方案里判断成本，决定是继续修改、换一种实现，还是干脆回到上一个版本。

有时同一个细节会来回修改很多次。按钮的位置、卡片的信息密度、列表的留白、不同状态下的颜色，看起来都不是什么大功能，却会直接影响实际使用时的感受。

从这个角度来说，15 亿 Token 并不只是“生成了多少代码”。它包含了大量已经被推翻的方案、没有采用的设计、反复定位的问题，以及为了一个细节进行的多轮对话。

从最初构思到基本成形，项目累计消耗约 15.75 亿 Token。这里面既有最终代码，也有大量讨论、试错与被放弃的方案。

15 亿 Token，换来的不只是一个小程序

如果只从成本和效率来看，这个数字或许并不值得鼓励。很多对话是重复的，一些尝试最后也没有留下来。如果一开始就拥有非常明确的产品方案和足够成熟的工程经验，整个过程大概可以更短。

但对我来说，这次经历有趣的地方恰恰在于“从一点想法，到真正实现”的完整过程。这个“实现”不只是界面能够跑起来，也包括功能闭环、真实数据、多人协作，以及最后把整个服务容器化部署，让它成为一个能够持续使用的成品。

以前一个想法可能会停在“等有时间再做”，或者因为不熟悉某个技术细节而迟迟没有开始。现在，AI 可以陪着我快速验证一个页面、讨论一种交互、补上陌生的实现部分，也能协助处理从业务逻辑到部署配置的许多具体问题。它并没有让开发变成一次点击，但让很多原本跨不过去的小门槛变得没那么可怕。

与此同时，我也越来越清楚：AI 越能快速生成东西，人自己的选择就越重要。

功能可以不断增加，设计方案可以一次生成很多套，代码也可以越写越多。但什么值得留下、什么应该删掉、产品最终想给人怎样的感受，这些问题仍然需要开发者自己回答。

「陪你办」最后没有成为一个功能堆得很满的效率工具。我更希望它像一本可以共同使用的生活手账。

那些想做的事、怕忘的事、一起计划的事、一起花过的钱，都可以被轻轻放好。它们不需要被包装成宏大的目标，只需要在需要的时候被看见、被记住、被一起完成。

写在最后

「陪你办 WithYou」现在已经可以在微信中搜索体验。

它可以用来和朋友一起准备旅行、活动和计划，也可以给自己整理待办、备忘与灵感；你可以用不同空间区分生活、学习和私人记录，也可以和对象、朋友、家人一起使用共同小账本，记录花销、自动分摊并查看结清建议。

它可能还不完美，后面也一定还会继续修改。但从最初的一点想法，到今天真正上线，这段和 AI 一起讨论、试错、妥协又不断靠近理想效果的过程，本身已经很有意思。

如果你刚好也需要一个轻量、温暖，可以自己用、也可以一起用的待办、备忘和小账本工具，欢迎试试看。

如何体验「陪你办」

你可以通过下面两种方式打开小程序：

方式一：微信搜索

打开微信，在顶部搜索框输入 「陪你办」，然后在搜索结果中进入对应的小程序。

方式二：扫描小程序码

保存下方图片，打开微信“扫一扫”，从相册选择图片识别；也可以直接使用另一台设备扫描图片中的小程序码。

微信搜索「陪你办」，或扫描图中小程序码，即可打开「陪你办 WithYou」。

希望它也能陪你和重要的人，把日常小事装进同一本手账。