最近用vibecoding开发一款春节活动页，前后差不多用两个小时完成，这里不包括理顺思路的时间，想法的来源其实非常简单：
在购物的时候，旁边的人说：没听到新年歌曲。
忽然冒出个想法：做个春节幸福感指数测评，把常见的热门话题搜集起来，让用户做选择，最后进行得分的统计汇总。
借春节的热度，来一场正面对线。
从中午到晚上酝酿好步骤，打开AI编程工具，没一会的功夫就开发完成，大致的操作流程依旧没变：借助模型完善和优化思路，把每一步转成标准提示词，AI根据提示词开发，最后进行视觉风格的优化。
第一步：
搭建页面的技术框架，是大部分编程的起手操作。
第二步：
建立春节话题的相关题库，使用JSON格式存储在项目的文件中，分别从个人，家庭，经济，社交，内心，五个角度，每个维度至少10道题目，需要简短直击关键描述，并且预设好四个选项，每个选项要遵循大致框架：很差25分，稍差50分，凑合75分，很好100分。
第三步：
搭建测评结果文案库，使用JSON格式存储在项目的文件中，不同得分区间分别10条文案，用不同的色调展示结果。
第四步：
设计完整的答题得分流程，从题库JSON和文案JSON中读取数据，动态计算分数并显示结果，从5个话题各随机抽取2道题，总计10道题目，答题完成后自动汇总和分析结果。
第五步：
测评本身没有实质意义，所以要加强视觉和动画设计，提高页面的质感和氛围，主要搭配春节主题的元素。
具体的执行十分高效，先和模型做一次想法对齐，没有明显的漏洞之后，把每一步的描述转成开发提示词，在AI IDE中执行即可，为了方便看到不同的视觉，案例使用两款工具开发，得到的效果都不错。
模型和工具搭配：ChatGPT模型完善和优化想法，编写前面四步提示词，Claude模型设计最后一步提示词，Gemini3和Opus4.6同时做开发，差异在于用两套视觉风格。
无论是想法还是执行，整个过程都很顺畅，初版构思甚至还带着漏洞，但在推进的过程中，可以察觉并高效的解决问题。
所以在使用vibecoding的时候，只要最关键的那个点清晰，就可以先执行看看再说，可能走几步发现想法不对，也可能发现想法有提升空间，而不是自己花费巨大的时间，细致的完善想法和方向，最后又不了了之。
AI工具的组合，足够快速的实现各种想法，在具体的页面效果之上，再去判断细节对不对，方向是否具备可行性。