2小时VibeCoding了一个看图猜词小程序：猜对了么

正文共： 1649字 7图

预计阅读时间： 5分钟

好久没打开IDE了

上次VibeCoding还是半个月之前，做了一个UC震惊部的标题生成器大力标题生成器。#大力标题生成器。

最近沉迷画表情包，今天又审核通过一组给「数字游民9527」这个账号定制的专属表情包。

自恋一下，把平时常用的表情包文案摘了出来，然后附上Q版的头像，感觉还挺有意思的。

2小时上新的小程序

猜对了么

猜对了么是一个看图猜词的谐音梗闯关小程序，第一批上线了100组素材，大概长下面这样。

不知道你们能不能get到这个点，我最开始在红薯和视频刷到的时候，感觉特别有意思。

而且笔记和视频的数据也非常离谱，超乎想象的好。

我自己也试着发了两条笔记，数据一条还不错，一条一般般。

整个产品VibeCoding的时间其实并不久，可能只有半小时不到。

素材生产、上传和匹配花的时间比较久。

最初的版本是一个纯前端的应用，如果后面有更新素材，还需要重新发版。

让朋友帮我做成了可配置的版本，后面如果有更新题库的话，只需要在后台上传即可，非常方便。

产品思路沟通用到的是Gemini、Claude、Grok和GPT，最终采纳了Gemini的版本。

实际上大多数模型都可以给出满意的回复，前提是能够花时间进行交流和精准表述。

内容生产方面，用的模型是NanoBananaPro，使用Lovart进行调度方便快速批量生产图片素材。

Lovart部分的指令如下👇

我准备开发一款谐音梗猜图闯关小游戏。形式是：一张图片，上半部分是原图，文字标注原有的物体/物品/名称（例如：这是“狮子”），下半部分是谐音梗图，文字标注：“这是   ___？”。其中下划线部分是谐音梗答案。游戏机制是展示这张图片给用户，并让用户在输入框作答，闯关机制。
现在需要你帮我提供图片素材，要求是请参考附件图片样式，上半部分原图+文案（这是xxx），下半部分梗图+文案（这是___），其中梗图文案的短线（下划线）的个数取决于答案的字数，答案是几个字，就有几个下划线。
图片比例竖版3：4；中文字体、中文不要有乱码，风格、样式参考附件图片（看起来是手绘、Q版卡通风格）；图片风格保持一致性；字体保持一致性，
基于我提供给你的100条素材，图片绘制所参考的部分是：“原图内容描述”和“谐音梗图内容描述”，分别对应图片的上半部分和下半部分；
素材内容如下：

之后就可以很快的收到交付的100张图片，图片内容有瑕疵的地方再微调一下。

素材存储使用的是公众号的素材库，相当于存储+流量费用0成本。

还为产品做了3个音频资源，分别是：胜利音效、失败音效、BGM，使用的工具是剪映，可以直接导出备用。

AI编程工具使用的是Kiro+Claude模型，速度非常快。

提示词大致的要求基本上参考我之前的风格👇

创建一个“谐音梗看图猜词”的微信小程序产品，产品名称是“猜对了么”。产品的主要定位是：“谐音梗看图猜词游戏”。游戏形式是：一张图片，上半部分是原图，文字标注原有的物体/物品/名称（例如：这是“狮子”），下半部分是谐音梗图，文字标注：“这是_____？”。其中下划线部分是谐音梗答案。游戏机制是展示这张图片给用户，并让用户在输入框作答，闯关机制。具体的功能要求包括：
1、看图猜词功能；
2、闯关功能；
3、成就功能；
主要的用户是中国用户，需要适配中国用户的产品使用习惯，使用中国大陆可访问的资源；
要求包括4个tab栏，分别是：“闯关”、“成就”、“设置”、“关于”；

初版搞定之后，自己试玩了一下，感觉还不错。