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

wangrui171309 2026-06-06 17:51 1

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

最新回复 (14)
  • hankhe525 06-06 19:20
    1
    前段时间我也有做涂色网站的想法,请问素材怎么收集的
  • sora2blue 06-06 19:41
    2
    codex 桌面可以直接给它参考图/设计图
  • Haolijia1107 06-06 20:33
    3
    @sora2blue 请问设计图从哪里来,stitch 吗
  • 409164 06-06 20:39
    4
    给 gpt 一个模仿的对象效果会好很多
  • YanSeven 06-06 21:18
    5
    跟我的做法类似,让 gpt-image-2 设计多个版本的 ui ,我来挑选融合。然后步入下个难点,让 llm 复刻对其这个 png 里面所呈现的设计。
  • lifei6671 06-06 21:41
    6
    我也是让 image2 给生成 UI 图,让 Codex 给实现,但是 Codex 总是实现的乱七八糟的。
  • sora2blue 06-06 21:48
    7
    @Haolijia1107 #3 没做过设计,直接给的最终效果图
  • dshufeng 06-06 22:07
    8
    网站发出来瞅瞅
  • wangrui171309 楼主 06-06 22:56
    9
    @hankhe525 可以直问一下 ai ,然后跟着一步步获取就行😁
  • wangrui171309 楼主 06-06 22:58
    10
    @dshufeng https://hellokittycoloringpages.com/
  • wangrui171309 楼主 06-06 22:59
    11
    @409164 那确实,模仿这方面还得 claude
  • Perry 06-07 00:26
    12
    你这个 AI slop 网站有 hello kitty 授权么?不怕别人举报么?

    https://www.sanrio.com/pages/sanrio-intellectual-property-info
  • theworldsong 06-07 10:11
    13
    现在可以让 codex 去网站上下载素材了,像网站上需要图标的,可以自动添加完成
  • skuuhui 06-08 09:33
    14
    我个人感觉你的网站设计的一般,属于那种毫无章法和理论支持的设计。而且菜单栏触发遮罩层确实不是碳基生能想出来的设计。但其实说回来审美是个开放性问题,没有对的答案只有标准答法。
* 帖子来源V2EX
返回