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

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

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

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

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







4902 次点击
所在节点    Google
28 条回复
lujiaosama
1 天前
你可以尝试别给图片, 用文字描述, 看看 AI 能还原到什么程度. 一个很重要的衡量因素是 AI 的审美, GPT 太直男了. ClaudeCode 都好不少.
ZTBOXS
1 天前
画数据图表也挺牛的,之前使用 gpt5 和 c4.5 都完成不了,他居然能够在大便堆积出来的跨端框架上使用
izToDo
1 天前
@lujiaosama 我重新生成了一版,这一次不提供参考图片,只告诉 Gemini “请你根据自己的理解,开发 哔哩哔哩 bilibili 网站的 PC 版本”,在只有一轮对话的情况下,效果还不错,还原度还挺高的。





lujiaosama
1 天前
@izToDo 你说了这个关键字,它会不会自己去抓网页快照来生成呢。主要是想说 ai 在没有可供参考的产品前提下,根据文字转成设计稿这一过程中的审美水平。
izToDo
1 天前
@lujiaosama #4 这次我只给了需求,描述是 “请帮我生成一个 SNS 社区”,让 Gemini 自己理解和发挥生成的。

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

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

alinwu05
1 天前
请问是给链接还是设计稿给 AI ,然后让模仿?
v2306
1 天前
之前还有人说,前端 AI 还不太行,现在感觉行了。
BTR
1 天前
@alinwu05 给的是截图
sillydaddy
1 天前
之前 gpt5 刚出来,我在 Youtube 上看到一个介绍视频,说它能一键生成媲美 photoshop 的画图软件,我不信然后试了一下让它做一个 mspaint ,结果它真一键做出来了。我说天哪,这让程序员怎么活。后来我准备让它完善一下,加上某某功能(记不太清了,反正是 mspaint 就有的功能,我一直希望有个 macOS 下的 mspaint ),结果它露馅儿了,怎么都做不好,我松了口气。
当时是网页端测试的,不知道是不是上下文受限。总之,我的意思是一键生成 xx 东西,不太能证明实际的表现。
Hyxiao
1 天前
楼主用的 Google 自家的 ai studio 嘛还是 Antigravity ?
lyang
1 天前
为什么我这 imgur 的图片都看不到
sillydaddy
1 天前
不过,根据昨天 gemini 3 pro 在 cursor 中的表现,我觉得实际表现应该是不低于 sonnet 4.5 了,网上的测评分 2 者的编程能力也是不分伯仲。
YanSeven
1 天前
目前哪种方式使用 Gemini 3 最便捷优惠啊,昨天 Antigravity 光下载就下了半天,然后授权半天最终也没有授权成功。
yulgang
1 天前
@lyang imgur 好象是屏蔽了一部分运营商的 IP
pandaPapa
1 天前
昨天 项目里试了下 不如 cc 和 codex, 让它模仿现有网站这个 prompt 还没试过
collery
1 天前
问个问题,我谷歌账号打开 gemni 能生成 api key 了 idea 也可以 api 用这个。但是没找到收费的地方 神奇
kuaner
1 天前
@v2306 说这句话的人压根不知道,有些公司早就 0 前端了
collery
1 天前
找到了,绑定了公司的财务信用卡
tjss
1 天前
这壁纸真好看,有没有原图😭
dji38838c
1 天前
@collery
那是因为你在 free 套餐里,一天调用的次数有限制 50 次
https://ai.google.dev/gemini-api/docs/pricing

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1173842

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX