正文共： 1712字 12图

预计阅读时间： 5分钟

谐音梗看图猜词小挑战

事情缘由

前两天试着独立搭了一个简单的带后端和数据库的Web站，通过后台配置前端用户页面展示的内容。

干完之后，感觉也就那回事儿。

我把需求大概差不多的描述给AI，然后AI哐哐开始干活。

之后我再告诉AI，我是小白，我啥也不懂，你教我怎么部署。

它就给我整了一份小白完全版的部署指南，精确到按钮的名称、按钮的位置。

我听话照做，然后就有了「数字游民9527」的简历站。

地址：https://dn.waytoopc.com

---

能不能搞一个「全栈」小程序

我想着Web这么简单，小程序能不能行？

就拿前阵子大佬花了两小时帮我搭的小程序练练手。

和Web搭建的思路一致，不懂技术栈，也不懂具体流程，就大白话描述给它：

“我要做一个谐音梗的小程序，想要实现的效果是能够在后台配置图片素材资源，用户端可以正常更新。并且一些参数也可以在后台进行配置，用户端可以生效。”

大概是上面这个意思，具体的提示词当然不止这些，我一般VibeCoding都会把提示词写的比较多，基本上刻画出来产品的雏形了。

使用的AI编程工具是Kiro，模型是Claude Opus 4.5。

Opus4.5的积分消耗是默认Auto模式的2.2x倍，至于为啥这么奢侈，因为我的积分要用不完了……

产品最终交付的样子，我非常满意。

后台部分

包括4个版块，分别是：仪表盘、题库管理、用户管理、参数配置。

仪表盘：展示总用户数、当日活跃用户数、关卡总数等信息

题库管理：支持题目的批量导入导出、关卡通关信息、启停等功能

用户管理：可以查看用户的相关信息，包括游戏天数、回答题目等信息

参数配置：对游戏中的参数进行设置，包括提示次数、体力值奖励等

前端部分

一共4个tab栏，分别是：闯关、成就、设置、关于。

闯关：关卡选择，进入闯关页面作答题目，有提示、求助、查看答案、音频设置功能

成就：展示用户答题信息、答题勋章等信息

设置：背景音乐和音效的开启关闭

关于：产品信息、开发者信息、分享等功能

雏形基本上复刻之前的产品，目前还存在一些待优化的点，比如产品机制相关的。

---

VibeCoding收获

这次的部署比之前简历Web站的部署麻烦了一些，技术栈用的是Node.js+Express，数据库是MySQL，还有一个PM2管理的东西。

### 1.1 项目简介

「谐音梗看图猜词小挑战」是一款基于微信小程序的趣味答题游戏。用户通过观看谐音梗图片，猜测对应的谐音梗答案，以闯关形式进行游戏。

### 1.2 技术栈

| 层级 | 技术 |
|------|------|
| 前端 | 微信小程序（原生开发，ES5语法） |
| 后端 | Node.js + Express |
| 数据库 | MySQL 5.7+ |
| 服务器 | 腾讯云 + 宝塔面板 |
| 进程管理 | PM2 |

这些名词的每个字母、每个汉字我都认识，但是连在一起就有一些困难了。

不过好在足够听话，AI让我干啥我干啥，经历了重重磨难，最终还是部署上线成功了。

股东们感兴趣的话来验收一下，音效部分有惊喜哦👇

谐音梗看图猜词小挑战

虽然产品很简陋，也有很多需要优化的点。

但是收获是非常巨大的。

通过最近几次的VibeCoding，我学到3点。

第一，学会表达

我知道什么，不知道什么，我有什么，没有什么，我想做什么，不想要什么。把这些内容告诉AI，它会非常贴心的根据自己的情况量身定制解决方案。

第二，听话照做

基于第一步骤，AI交付的成果，大概率是能够跑通的。

如果哪里跑不通，一定是某个环节没有按照AI的指令执行。

即使不懂，也没关系，先干，如果好奇的话，就等干完顺便问问AI，这个动作的目的是什么。

第三，迈过心理关

这一点是最重要的。

AI目前的智力水平，最最普通的小白，它都能够把你领上道。

只要想，干就完了，无非时间多少的问题。

---

至于这个产品成功与否

目前来看，其实并不是最重要了。

因为通过这次的VibeCoding的过程，对于我个人水平而言，实现了一个比较大的进阶。

当然，还是有一些侥幸心理的。

从朋友的反馈以及自己的观察来看，这个品是非常抗造的。

虽然现在数据很一般，但它确实有爆火的潜力。

如果我没把它搞火，那一定是我的问题。

---

如果你能看到这里，非常感谢你的耐心阅读。

我会在「数字游民9527」这个账号，持续分享我探索AI的各种可能性，以及遇到的有意思的人和事儿。

欢迎成为我的精神股东，等我发达了，一定请你们一条龙。