vibe coding 提升网站审美小小心得

[wangrui171309]

目前 Vibe Coding 了几个小网站，毕竟不是专业的设计但 AI 的审美总感觉不太行，前不久看见一个 skill npx impeccable skills install ， 可以帮忙排版、添加交互动画、多设备适配、性能检查，功能挺多，对于网站优化还是有不少帮助，所以一直在用，但是依然提不高审美。这两天在用 gpt-image-2 的时候，突发奇想也许可以告诉 gpt-image-2 我的网站,例如 Hello Kitty 在线填色 网站的功能和主题，然后一个一个模块的让他帮我生成设计图，如果有一个满意的风格，可以使用这张图作为参考图生成其它模块，不管怎么说总体感觉还是不错的，目前没有 codex 官方账号，也许使用 codex 的调用 ai 图片的功能直接就可以完成，有实践过的网友可以说一下效果。

[hankhe525]

前段时间我也有做涂色网站的想法，请问素材怎么收集的

[sora2blue]

codex 桌面可以直接给它参考图/设计图

[Haolijia1107]

@sora2blue 请问设计图从哪里来，stitch 吗

[409164]

给 gpt 一个模仿的对象效果会好很多

[YanSeven]

跟我的做法类似，让 gpt-image-2 设计多个版本的 ui ，我来挑选融合。然后步入下个难点，让 llm 复刻对其这个 png 里面所呈现的设计。

[lifei6671]

我也是让 image2 给生成 UI 图，让 Codex 给实现，但是 Codex 总是实现的乱七八糟的。

[sora2blue]

@Haolijia1107 #3 没做过设计，直接给的最终效果图

[dshufeng]

网站发出来瞅瞅

[wangrui171309]

@hankhe525 可以直问一下 ai ，然后跟着一步步获取就行😁

[wangrui171309]

@dshufeng https://hellokittycoloringpages.com/

[wangrui171309]

@409164 那确实，模仿这方面还得 claude

[Perry]

你这个 AI slop 网站有 hello kitty 授权么？不怕别人举报么？

https://www.sanrio.com/pages/sanrio-intellectual-property-info

[theworldsong]

现在可以让 codex 去网站上下载素材了，像网站上需要图标的，可以自动添加完成