被 Gemini 3 Pro 的生成的前端效果惊艳到了

[izToDo]

平时 AI 模型和各种产品用的也不少了，但 Gemini 3 Pro 这个完成度还是惊艳到我了，美观程度和功能性都在及格线以上。如果给一些参考图的话，效果真的比我用的 GPT 和 Claude 好很多。

我是后端，平时会兼顾一些后台面板的前端开发，之前让 GPT5 用我指定的组件库去开发效果很差，没想到 Gemini 几分钟跑的结果比我微调一天的还好看……

我在测试中使用 Bilibili 的 PC 版让 Gemini 模仿，其还原度非常高，并且在一些细节处理上明显要高于 GPT5 。我只用六轮对话就完成了首页、二级视频页（播放器、详情 Tab 、评论 Tab ）这几个点以及一些细节的还原。

比如像是鼠标放在视频封面时自动预览、暂停播放器会提示 “点我播放” 这种细节处理的很好。弹幕功能没有全部还原，但 Gemini 根据我给出的图片，自行理解后做了能滚动的假弹幕，理解能力很强啊。

[lujiaosama]

你可以尝试别给图片, 用文字描述, 看看 AI 能还原到什么程度. 一个很重要的衡量因素是 AI 的审美, GPT 太直男了. ClaudeCode 都好不少.

[ZTBOXS]

画数据图表也挺牛的，之前使用 gpt5 和 c4.5 都完成不了，他居然能够在大便堆积出来的跨端框架上使用

[izToDo]

@lujiaosama 我重新生成了一版，这一次不提供参考图片，只告诉 Gemini “请你根据自己的理解，开发 哔哩哔哩 bilibili 网站的 PC 版本”，在只有一轮对话的情况下，效果还不错，还原度还挺高的。

[lujiaosama]

@izToDo 你说了这个关键字，它会不会自己去抓网页快照来生成呢。主要是想说 ai 在没有可供参考的产品前提下，根据文字转成设计稿这一过程中的审美水平。

[izToDo]

@lujiaosama #4 这次我只给了需求，描述是 “请帮我生成一个 SNS 社区”，让 Gemini 自己理解和发挥生成的。

我感觉 AI 的设计上大体都会或多或少参考一些流行产品吧，至少在比较模糊和没有明确给出参考的情况下，Gemini 设计的页面审美还是到位的。

虽然这个页面看起来还是完全复刻 X 的 😂

[alinwu05]

请问是给链接还是设计稿给 AI ，然后让模仿？

[v2306]

之前还有人说，前端 AI 还不太行，现在感觉行了。

[BTR]

@alinwu05 给的是截图

[sillydaddy]

之前 gpt5 刚出来，我在 Youtube 上看到一个介绍视频，说它能一键生成媲美 photoshop 的画图软件，我不信然后试了一下让它做一个 mspaint ，结果它真一键做出来了。我说天哪，这让程序员怎么活。后来我准备让它完善一下，加上某某功能（记不太清了，反正是 mspaint 就有的功能，我一直希望有个 macOS 下的 mspaint ），结果它露馅儿了，怎么都做不好，我松了口气。
当时是网页端测试的，不知道是不是上下文受限。总之，我的意思是一键生成 xx 东西，不太能证明实际的表现。

[Hyxiao]

楼主用的 Google 自家的 ai studio 嘛还是 Antigravity ？

[lyang]

为什么我这 imgur 的图片都看不到

[sillydaddy]

不过，根据昨天 gemini 3 pro 在 cursor 中的表现，我觉得实际表现应该是不低于 sonnet 4.5 了，网上的测评分 2 者的编程能力也是不分伯仲。

[YanSeven]

目前哪种方式使用 Gemini 3 最便捷优惠啊，昨天 Antigravity 光下载就下了半天，然后授权半天最终也没有授权成功。

[yulgang]

@lyang imgur 好象是屏蔽了一部分运营商的 IP

[pandaPapa]

昨天 项目里试了下 不如 cc 和 codex, 让它模仿现有网站这个 prompt 还没试过

[collery]

问个问题，我谷歌账号打开 gemni 能生成 api key 了 idea 也可以 api 用这个。但是没找到收费的地方 神奇

[kuaner]

@v2306 说这句话的人压根不知道，有些公司早就 0 前端了

[collery]

找到了，绑定了公司的财务信用卡

[tjss]

这壁纸真好看，有没有原图😭

[dji38838c]

@collery
那是因为你在 free 套餐里，一天调用的次数有限制 50 次
https://ai.google.dev/gemini-api/docs/pricing

[Goooooos]

不少人测试后反馈上下文超过 32K 就降智

[BelovedOne]

刚试了，真的牛，一分钟一个 BS 架构的 APP 就出来了。

[yuhuai66666]

@lyang 换个节点试试

[izToDo]

@Hyxiao 我是 AI Studio 上面跑的
@tjss 这个是我随便找的一段动态视频，可以识图下 😂
@Goooooos 长上下文的还没测试过，周末我在 Antigravity 测试看看~

[Hookery]

插眼蹲个便宜用 gemini 的方法

[antipro]

的确不简单，我也是在 ai studio 上试了一下，真有 vibe coding 的感觉了。

[ciki]

@v2306 #7 AI 一直都是擅长的前端

[samRoll]

图挂了