用AI调教出自己的专属四六级单词神器:Vibe Coding的一天狂飙之旅
四六级马上就要到来了,每天背单词像打仗,百词斩、沪江英语这些App用着用着总觉得不合心意——要么太死板,要么功能冗余。能不能自己做一个?但我不是大厂工程师,没团队、没时间。直到我发现Gemini 3的Build模式,这家伙就像一个魔法棒,能把我的脑洞直接变成可运行的App!这不是科幻,这是Vibe Coding——一种用自然语言“编程”的新玩法。
今天,我就来分享如何用Gemini 3 Build模式,从零到一打造我的“你的四六级我来拯救”App。整个过程只用了几小时,仅通过调教Prompt:一个功能齐全、UI美观的专属单词工具,能搜词、发音、生成图片记忆、AI故事创作,还整合真题模拟。
从痛点出发:为什么我要“拯救”自己的四六级?
作为大学生,四六级就是悬在头上的达摩克利斯之剑。传统单词App像百词斩,砍词模式有趣,但总缺针对性;沪江英语资源丰富,却碎片化严重。我的痛点很明确:需要一个基于真题的高频词库,能趣味记忆,还能模拟考试。文件里提到的需求列表正是我的起点:
- 搜单词、发音、使用场景(2句话)
- 生成图片,看得更直观
- 加入生词本
- 最近背的单词生成一篇通顺文章
- 正反面背单词
- 多语言支持(如英语、法语、日语)
这不是普通App,我要它称我的心意:以CET真题为核心,模块化训练(听力、阅读、写作),游戏化趣味(如积分、成就),AI杀手级功能(如分数预测、作文秒批)。传统开发需要团队:产品经理调研原型,设计师出稿,前端React,后端Node,测试运维一堆人。但Vibe Coding改变了游戏规则——用Prompt“指挥”AI,像指挥乐队一样,一个命令一个动作。
Vibe Coding是什么?它是“氛围编程”,一种自我表达方式。用自然语言描述需求,AI帮你生成一切。从简历角度,这比敲代码更酷:证明你能从0到1,快速迭代产品。Gemini 3 Build模式是关键,它能直接输出可运行的React Native项目,带代码、数据、UI。底气来自大模型的百万token上下文,能记住所有细节,不像小模型容易“发病”。
第一步:整理需求,写出专业PRD
一切从Prompt开始。我先让Grok帮我整理需求,生成PRD(产品需求文档)。Prompt像这样:
“基于以下需求,生成一个完整PRD:搜单词、发音、使用场景2句、生成图片、加入生词本、最近词生成文章、正反面背单词。App名为‘你的四六级我来拯救’,针对中国大学生,整合CET真题模块化训练,趣味游戏化。”
Grok吐出一份结构化的PRD:产品概述、功能模块、非功能需求、风险。核心卖点是“词-题联动”:背词后直接跳真题考法。UI建议:现代蓝调,简洁导航。这步花了10分钟,却让我感觉像有专业产品经理在旁。
PRD是蓝图,强调差异化:不同于百词斩的砍词,我加AI生成故事,让背词像读小说;图片用Midjourney式AI,帮助视觉记忆。
第二步:调教Prompt,生成原型与代码
有了PRD,我直奔Gemini 3 Build模式。这家伙强大,但“调教”关键:Prompt要清晰、分步、有规划、指定风格、避免什么。
第一次Prompt简单:生成React Native App,包含所有需求。结果?一个基本框架,但UI丑、功能残缺、词库假(如“generated_word”)。我像驯兽师一样,迭代Prompt:
- 问题1: UI拥挤,文字遮挡。Prompt加“UI优雅,padding 24px, flex wrap, no overlaps”。
- 问题2: 词库少/假。Prompt塞真实样本(abandon=放弃等200词),命令“扩展到8000词,用CET/HSK6 freq, NO fakes”。
- 问题3: 记忆功能缺失。Prompt强制“实现掌握按钮: AsyncStorage +1, 实时刷新首页环; 加发音 expo-speech, AI图片 gemini.generate, 20词故事, 词根Tab, 闪卡SRS”。
- 问题4: 做题选项不可点。Prompt写死“选项TouchableOpacity, 点击高亮选中, 提交3s出分解析”。
- 问题5: 倒计时位置丑。Prompt指定“放在Hi柯基和预测分中间空白处, 橙毛玻璃卡, 完美填满不遮挡”。
迭代10+次,每次像调试代码:看截图,找槽点,补Prompt。文件里说“不要做什么”,我加“NO TODOs, NO placeholders, all clickable”。风格指定“像扇贝词典, 深色渐变 + 毛玻璃 + 霓虹高光”。
过程生动如过山车:第一次App像半成品,UI黑漆漆;第二次词库真实,但按钮点不动;第三次掌握+1了,但首页不刷新。我像“调教师”: “如果不完美,自重生!”Gemini服软,输出越来越完美。
最终App功能齐备:
- 首页:蓝头图“Hi,柯基 CET-6预计500分”,中间橙倒计时“仅剩11天”,预测环500分,词汇0/8000绿色条,每日挑战橙卡“完成1组单词训练 +50分”。
- 词库:搜“abandon”,深蓝页大词+音标+发音按钮。Tab: 例句(4句中英),词根(a- = to, ban = prohibit),AI图(生成废弃教室)。底部“模糊/掌握”双按钮,点掌握+1,首页实时涨。
- 训练:年份dropdown选2024真题,阅读passage真实(Habits and Identity),选项点选提交出分。
代码框架:React Native + Expo + TypeScript + Zustand状态 + Reanimated动画。数据内置JSON,8000词+200题,离线跑。
踩坑与启发:AI不是万能,但Vibe Coding是未来
调教过程不是一帆风顺。Gemini“发病”常见:UI挤(文字挡),功能假(选项点不动),数据假(generated_word)。启发:Prompt是艺术——清晰(分步),规划(指定伪代码如def generate_story(words)),风格(像苹果),禁忌(NO incomplete)。
把llm看成函数,Prompt是输入,App是输出。百万token让它记住迭代历史,不忘细节。相比传统团队(产品经理原型、设计师稿、前后端代码、测试运维),Vibe Coding一人搞定。掌握这个你可以做出任何你想要的app。
结语:试试Vibe Coding,解放你的脑洞
短时间内,就可以从需求到可装App,我“拯救”了自己的四六级。Gemini 3 Build让去中心化开发成现实,中小型产品直接生成,大型协作编程。试试吧!用Prompt起步,调教你的专属工具。