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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Google Play

› Google Fi

› Google Developers Channel

› Google 全球透明度报告

› 9to5Google

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

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

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

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

Gemini 3 Pro

前端效果

AI模型

28 条回复 • 2025-11-20 16:12:28 +08:00

lujiaosama

1 天前

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

ZTBOXS

1 天前

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

izToDo

1 天前

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

lujiaosama

1 天前 via Android

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

izToDo

1 天前

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

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

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

alinwu05

1 天前

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

v2306

1 天前

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

BTR

1 天前 via iPhone

@alinwu05 给的是截图

sillydaddy

1 天前

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