我用 Codex 全 AI一天做了个WX拼豆小程序：上传照片，直接生成图纸和用色清单
最近我做了一个很小但很完整的微信小程序，叫 嘎嘎拼豆。
它解决的问题也很直白：
你有一张喜欢的照片，想做成拼豆作品，但不想手动描图、不想自己数颜色、不想对着图片一点点猜色号。
那就把照片传上来。
小程序会把照片转成拼豆图纸，自动生成网格、色号、用色数量，还能下载图纸。
这篇不是单纯说这个小程序。
我是想把它当成一个小案例聊聊：一个看起来很"手工爱好者"的工具，背后其实有不少工程问题；而且这次我基本是用 Codex 全程 AI 协作做出来的。
它不是画图工具，而是从照片到材料清单的转换器
拼豆玩家真正需要的不是一张"像素化图片"。
而是一套能落地制作的东西：
图纸要能看。
格子要能数。
颜色要能买。
颗数要能算。
太碎的颜色要能合并。
做错的地方要能修。
所以我一开始就没有把它做成普通的图片滤镜，而是做成一条完整链路：
上传照片。
选择品牌色板。
选择图纸尺寸。
生成拼豆图纸。
查看用色统计。
手动修图。
导出清单和图纸。
这也是我觉得它有推广价值的地方：它不是让你"看一下效果"，而是尽量把一个手工作品从灵感推进到可制作。
第一件难事：图片要变成格子
用户看到的是一个上传按钮。
工程上第一步其实是把一张普通照片变成固定尺寸的网格。
比如截图里这张驴子的图纸，生成结果是 104 x 163，总计 9237 颗，38 色。
这里有几个取舍。
网格太小，图案会糊，细节没了。
网格太大，效果更像原图，但颗数会暴涨，玩家做起来会很累。
所以小程序里我放了 52、78、104 这样的尺寸选择，再加一个"生成偏好"，让用户在效果和制作成本之间做选择。
这件事跟很多 AI 应用很像。
不是模型越强越好，也不是参数越大越好。
真正重要的是让用户能控制成本：时间成本、材料成本、制作难度。
第二件难事：颜色不能只是"像"，还要能买
照片里的颜色是连续的。
拼豆的颜色是有限的。
中间必须做一次色板映射。
所以小程序支持不同品牌色板，比如 MARD、COCO、漫漫、盼盼、咪小窝。
用户选的不是"滤镜风格"，而是实际要买的珠子体系。
这一步很关键。
如果只是把图片压成马赛克，效果可能很好看，但玩家拿不到对应色号。
如果直接按最近颜色匹配，图纸又可能出现太多碎色：脸上一个像素一个色号，阴影里全是零散小点，最后做起来很痛苦。
所以这里需要做颜色合并、去背景、色号简化这些优化。
截图里也能看到，我专门做了"颜色合并阈值""去背景强度""颜色简化"这些设置。
它们看起来像普通开关，实际上都是为了一个目标：让图纸既像原图，又别把人劝退。
第三件难事：生成完还要能修
很多自动生成工具的问题是：生成完就结束。
但手工图纸不一样。
你一定会遇到这种情况：
某块阴影太脏。
某个边缘多了一圈杂色。
眼睛、嘴巴、轮廓这些关键位置需要手动修一下。
所以我加了修图工具：查看、涂色、擦除、替换、撤销、重做。
这一步让它从"生成器"变成"工作台"。
对小程序来说，工作台比生成器难一点。
因为它要管理图纸状态、工具状态、撤销栈、颜色选择、格子点击、放大缩小，还要保证手机上操作不别扭。
如果只是做个 demo，可以不管这些。
但如果真希望用户用它做作品，这些细节逃不掉。
这条技术管线，其实很适合用 AI 协作
这个小程序我用 Codex 做得最多的，不是让它"一句话生成完整项目"。
那样很容易翻车。
我更常用的方式是把任务拆成小块：
先让它整理页面结构。
再做图片上传和状态流转。
再做网格量化。
再做色板映射。
再做用色统计。
再做编辑工具。
再看真实截图调 UI 和交互。
这类项目很适合 AI，是因为每个任务都有明确验收标准。
图片上传成功没有？
生成的宽高对不对？
色数有没有降下来？
用色总数能不能对上？
点一个格子能不能看到色号？
下载图纸能不能打开？
只要验收标准清楚，AI 写代码的速度就很有价值。
反过来，如果只是跟 AI 说"做一个好看的拼豆小程序"，它大概率会先给你一堆看起来不错但无法制作的界面。
AI 最有用的地方：把产品、UI、算法一起推进
这个项目里，Codex 帮我最多的地方有四类。
第一，产品拆解。
它能把"照片转拼豆图纸"拆成首页、创作页、图纸页、修图工具、设置面板、导出链路这些模块。
第二，UI 落地。
小程序本身偏手工、亲子、治愈，所以我让整体风格走暖色、圆角、浅卡片、轻阴影，不做冷冰冰的工具台。
第三，算法迭代。
比如图像缩放、按格子取色、品牌色板匹配、颜色合并、去背景强度、真实/卡通处理模式，这些都可以拆成函数逐步验证。
第四，问题修复。
移动端最容易出小问题：按钮位置、底部导航遮挡、长页面滚动、图纸缩放、色号卡片溢出。
这些问题让 AI 根据截图和现象一点点修，比我自己来回查样式快很多。
但这里也有一个经验：
AI 不是越自由越好。
我每次都尽量给它边界，比如"只改修图工具这一块""不要动图纸导出逻辑""先解释方案再改代码""改完给我验证点"。
做产品，AI 可以很快。
但前提是人要负责拆任务和验收。
嘎嘎拼豆现在适合谁用
如果你玩拼豆，它适合你把喜欢的照片快速变成图纸。
宠物照、头像、情侣照、表情包、小朋友喜欢的卡通图，都可以先丢进去试试。
如果你是拼豆店主或手作工作室，它适合你快速给客户出一个初稿，再根据实际颜色和尺寸做微调。
如果你只是想看看 AI 能不能做一个完整小产品，它也适合你当案例看：一个小程序不是只有页面，还要有图像处理、状态管理、交互编辑、导出链路和真实用户场景。
我自己最喜欢的点，是它能把"我有一张照片"变成"我知道要买哪些颜色、每个颜色多少颗、图纸长什么样"。
这中间少了很多手工整理的时间。
也让拼豆这件事更容易开始。
最后
这几年大家讨论 AI 编程，常常会停在"AI 能不能写代码"。
但做完这个小程序后，我更强烈的感受是：
AI 真正有价值的地方，不是替你写几段孤立代码。
而是让一个人可以把一个小产品从想法、页面、算法、体验、修复一路推到可用。
嘎嘎拼豆还会继续迭代。
后面我想继续加几个能力：更稳定的图纸导出、更适合拼豆玩家的打印版、更多品牌色板、更细的局部修图、以及作品分享。
如果你刚好玩拼豆，或者身边有人做手工，可以在微信里搜一下 嘎嘎拼豆，上传一张照片试试。
也欢迎把生成效果发给我，我会继续用真实图纸反推这个小程序该怎么变得更好用。