我用WorkBuddy 一句话做完拼图生成器，保姆级教程来了！

各位小伙伴，大家好，我是洛兹克。 大家叫我老洛就行了。 有段时间没更新文章了，后台不少读者催更了。 说实话，最近在闭关写专栏，有点难产了. 改了好几个版本了，总感觉还差点意思。 不过，11月就能和大家见面了。 WorkBuddy 初级专栏目前已经有几十万读者学习了。 Buddy高级的版本，CodeX高级，实战教程，豆包教程，很多都在列入计划了。 我的读者也越来越多了，对自己的文章质量要求也高了。 所以，后续专栏更新速度也会稍微慢点。 数羊、拼豆图，大家都玩过吧。 那种五颜六色的小塑料小豆子，拿镊子一颗颗摆在板子上，最后用熨斗烫一烫，就能做成各种像素小挂件。 昨天下午发呆的时候，不知道做点啥，一句话就做了一个拼豆图生成器。 先看看效果吧。 刷到那些卡通人物、表情包拼出来的成品，还挺有意思的。 不用做太复杂，上传图片、调整格数、下载图纸，能把这几件事做好就行。 废话不多说，跟着我实操，你也能做一个类似的生成器（提示词我也放在文中了） 拼豆图纸生成器实现 打开 WorkBuddy，新建任务。 还是熟悉的老三样：「开发」→「开发网站」。 这次换个新模型，Kimi-K3.1-Pro。 测测 Kimi K3.1 Pro 的能力到底如何？ 这次我没打算搞什么复杂产品。 不需要注册账号、不用服务器，图片就在浏览器里处理，也不用调用收费的 AI 图片接口。 需求想好了，直接告诉它。 下面是这次使用的提示词，大家也可以直接复制丢给 WorkBuddy 试试。 提示词： 帮我做一个好看、真正能用的「照片转拼豆图纸」网页，名字叫「拼一下」。 玩法很简单：用户上传一张照片或表情包，网页自动把它转换成像素风格的拼豆图案，可以切换不同精细度，最后下载图片，方便照着拼。 功能要求： 1. 支持上传 JPG、PNG 图片，上传后自动生成拼豆效果。 2. 支持三档网格：16×16、32×32、48×48，切换后可以明显看到精细度变化。 3. 支持「像素方格」和「圆形拼豆」两种显示效果，每一颗豆子用一个清晰的颜色圆点表示。 4. 提供原图和拼豆效果对比，显示一共需要多少颗豆子。 5. 点击「下载图纸」，能真正导出清晰的 PNG 图片，带网格，方便保存或打印。 6. 首页自带一张原创的小猫示例图，没有上传图片也能一键体验。 视觉上做成精致、可爱的手作小工具，奶油色背景、彩色拼豆颗粒、圆润按钮。打开网页就能看懂怎么用，手机和电脑都能操作。 技术上使用 HTML、CSS、JavaScript 和 Canvas，网页应用。 请重点保证图片转换真实有效，不是简单加滤镜；上传、切换格数、切换效果、下载PNG都能实际使用。 完成后实际打开网页检查主要按钮和下载功能。如果没有明显问题，就直接交付，不要在像素级美化或大量重复测试上无限耗时。 一次开发成功，无Bug 这次还挺顺利，发完提示词，WorkBuddy 就把任务做完了。 运行过程，你无需知道它在做什么，只需要等结果就行。 一个 index.html 文件，不用安装什么环境，直接打开就能看到网页。 它还报告自己在浏览器里检查了8项功能，全部通过。 打开一看，卖相还将就，选的图有点没品，一眼就知道又是它拿svg画的，不过整个界面看着还挺舒服。 名字演示也都符合要求，一会儿上传图片试试。 AI 做的东西，说实话，很容易翻车的，尤其是一次成功。 很多时候都是假象，还得上手实测才行。 拿狗头试试 我翻出了那张平时经常用的狗头表情包，直接上传。 很快，几乎瞬间就出来了。 左边是原图，右边是生成的拼豆效果。 大体轮廓还原得挺不错，颜色也跟原图比较接近。 支持16×16、32×32、48×48三档精细度。 挨个看看，先调成16×16。 怎么说呢…… 有点过于抽象了，哈哈哈。 耳朵倒是还在，但眼睛、鼻子、嘴巴挤在一块，表情已经有点认不出来了。 换成最大的48×48，明显就好多了。 耳朵、眼睛、鼻子都清楚了不少，终于有了那股熟悉的狗头味儿。 毕竟16×16总共只有256个格子，48×48有2304个，能表现的细节确实差不少。 不过真要用豆子一颗颗摆出来，工作量可不小。 做图纸可能才是最轻松的部分。 除了像素方格，还能切换成圆形拼豆效果，看起来更接近一颗颗豆子摆出来的样子。 接着试了下下载，点击下载按钮，文件正常保存。 打开一看，狗头完整保留了下来，网格也清清楚楚，和网页上的效果一致。 一轮开发，上传、转换、下载，想要的几个功能都实现了。 这次 K3.1 确实不错，网上吹的也确实不为过哈。 拼豆图纸还能做得这么细 仔细一想，哪里有点不对，好像少点啥。 小地瓜搜了一下，发现拼豆图纸也有简单和更精细的做法。 我们这次生成的，就是比较直观的彩色网格图。 每个格子对应一个位置，直接看图案就能了解大概要怎么摆。 用来预览照片转成拼豆是什么效果，已经挺方便了。 但如果真的要拿来制作，尤其是遇到颜色比较多的图案，还得做成带标注的图纸。 比如下面这种。 仔细看，每个格子里都有相应的颜色编号。 下面还列出了颜色图例、色号和用量清单。 哪种颜色要准备多少颗、拼的时候该放在哪个位置，都有对应标注。 相比之下，我们这次导出的图纸就简单多了，只有彩色网格，没有逐格色号和材料清单。 尤其是狗头上那些黄色、浅黄色、米黄色，真要照着拼，还得费点眼神去分辨。 不过仔细想想，也正常。 我最开始给 WorkBuddy 的提示词: 只要求把图片转换成拼豆图案，能调整格数、下载图纸，并没有要求它支持品牌色卡、逐格编号和各种颜色的用量统计。 所以这次做出来的，确实就是我最初想要的那个简单版本。 想做得更精细也不难理解：下一步可以让 AI 增加色号标注、图例、材料清单，再把颜色匹配到实际使用的拼豆色卡上。 但真要做好这些，又是另一轮开发了。 这次就先不折腾了。 一句话，把常用的狗头表情包变成了一张可以下载的拼豆网格图，已经挺满意了。 至于以后要不要做成带完整色号的制作版，等真打算拿着它去拼的时候，再来研究也不迟。 最后想说的话 腾讯第一个全民产品是QQ，第二个是微信，第三个或许是WorkBuddy。 WorkBuddy 确实越来越好用了。 重要的是它不仅连接腾讯体系内大部分产品，同时也和外部的产品也逐渐打通了。 如果，你现在不知道做点啥。 打开 WorkBuddy，做点自己喜欢产品，处理下工作。 又或者和它倾诉一下你的想法。 就像微信公众号的Sologn 说的一样。 再小的个体，也有自己的品牌。 或许你的产品现在很小。 但我相信，总有一天。 它会面向更多的用户。 我是洛兹克。 这一次，我们一起走进AI时代。