最近在vibe coding一个项目，最开始的前端是有点丑，包括之前的博客也是，虽然我还是知道什么好看，什么不好看的，但一点点修改起来还是有点难的，幸好最近OpenAI发布了Image-2，以及gpt 5.5，不过用其它模型也可以，目前看来5.5可以实现个7788的效果。
一.如果是全新的项目的话
做法是先在vibe coding工具中给一个项目的描述，然后让AI例举出有哪些页面，并给这些页面的功能点都弄一个描述的文档，放在一个文件夹中，比如说叫ui-pages或者是其它的也可以。
然后把每个页面描述文档的文章，放codex也可以，gpt官网也可以，去生成一个参考图。
上面这张图片就是image-2生成的效果，可以看到还是非常的精美的。
接着后面要做这个页面的时候就可以直接把参考图扔过去，去给codex或者claude code or others。
如果生成的还是不满意应该怎么办？
首先可以描述自己不满意的点，其次还有一个小技巧，就是可以让image-2在一张图中同时放好几种方案，选择自己最喜欢的那一个版本。
接着可以让gpt对其中满意的那个页面进行单独的一个界面生成。
二.已经差不多把展示界面完成的项目
像这种如果对前端不满意的话，可以直接把目前的效果截图发给gpt官网或者是codex，但建议还是用codex，因为如果是gpt官网的话，它生成的页面中可能有一些按键是压根当前项目没有的功能。
图片生成完后直接扔给GPT5.5或者claude，glm，干就完了