艺术生的邪修AI玩法｜零基础搓了个小程序
上篇发了我的第一个vibecoding之后，收到很多友友的喜欢，这篇把完整流程理出来：
—
我的工具链其实不复杂，就四个主要工具：
1️⃣跟Gemini聊清楚要做什么
起初我只有一个想法："想做个练口语的小程序"。
具体怎么做、给谁用、学习路径怎么设计——一概没想。
和Gemini多轮对话下来，它帮我把模糊的想法拆成了具体的东西：目标用户是谁、学习闭环怎么设计（听原声→翻卡记忆→影子跟读→AI对话纠错）、需要哪些核心功能。产出是一份完整的PRD文档，这个文档就是后面所有工作的地基。

2️⃣用GPT和Figma搞定视觉
想先定视觉是因为想完整走一遍从设计到开发的过程📍
于是开始探索figma，扔几张参考图进去，它很快就get到我要的风格：暖白色渐变底、粉色系按钮、圆润卡片布局等等。
中间还有个插曲——我用GPT帮我设计了一个叫Momo的IP角色，让它产出UI版的PRD，再丢给Figma完善视觉稿。（❗️这一步对于确保视觉精准度还是挺重要的）Figma Make还自动生成了可交互的网页原型，拿来验证交互流程有没有问题还是挺直观的。

3️⃣Codex开发（这一步就是全程和codex聊就好）
把你的prd文档、视觉丢给他，它很擅长从功能需求反推实现方案。后端用了cloudbase云开发，不用自己搭服务器（这个也是codex给的方案）；AI对话接的DeepSeek；语音合成用的腾讯云TTS；录音和语音识别是微信自带的。
—
写在后面：
说实话，整个过程没想象中那么顺，中间还是有很多bug不会改，调试花了很长时间，但也算是体验到AI时代普通人从产生想法到一步步实现的快乐啦💨

目前在让AI复盘我的第一次邪修开发流程的问题，如果大家感兴趣的话下一篇可以分享一下，也欢迎大家多多提建议，有更好的工具也可以推荐给我🤓

vibecoding 小程序设计 codex 口语 艺术生