Google Gemini 3 Pro 已在 Google AI Studio 免费开放，凭借碾压级的前端开发、3D 可视化与界面复刻能力成为全球最强 Coding 模型，10 大实测案例见证其从网站到工具的一站式生成实力
Google Gemini 3 Pro 已在 Google AI Studio 免费开放，凭借碾压级的前端开发、3D 可视化与界面复刻能力成为全球最强 Coding 模型，10 大实测案例见证其从网站到工具的一站式生成实力
来了，Gemini 3 Pro。
已经可以在Google AI Studio上体验，免费。
不废话，直接看实测。
01 复刻网站
这是B站。
输入Prompt：帮我复刻这个网站。
这是哈基米3生成。
几乎像素级复刻。不注意，我还以为进了一个假的B站。
注意看这些细节，圆角卡片、悬停效果、视频封面上的数据遮罩层，几乎一模一样。
02 信息卡片
信息卡片，几个国产模型我都用过，总觉得还差点意思。
要么不会错位排版，要么处理不好中英文、大小字的结合，要么容易出现内容溢出。
Gemini 3 Pro这效果，是我目前测试过的多个coding模型里效果最好的。
完整的Prompt是：提炼下面的内容生成一个HTML网页。
内容全文：
{内容}
具体要求如下：
1.视觉设计：采用{Magazine Layout}风格布局，{深色}主题色，营造现代高端氛围。
2.字体与排版：·使用超大字体或数字突出核心要点，中文采用大号粗体，强调视觉冲击力。·英文使用小号字体作为点缀，与中文形成比例反差，提升设计层次感。
3视觉元素：·融入超大视觉元素（如标题、背景图或装饰）以突出重点，与小型元素形成强烈对比。·使用简洁的勾线风格图形作为数据可视化或配图元素，保持现代感和清晰度。
4.色彩与效果：运用高亮色（单色透明度渐变）营造科技感，每种高亮色独立使用，避免不同高亮色之间的渐变混杂。
5.技术要求：引入专业图标库（如Font Awesome或Material Icons，通过CDN加载），避免使用emoji作为主要图标。
6.内容要求：提炼内容关键要点，不忽略重要细节。7.尺寸：内容在{1200*1800}区域内完成完整展示（不需要缩放也能完整显示），内容以中文为主展示。
03 N-Back实验
Prompt来自@刘聪，我调整了一下汉字。
你需要实现一个N-Back实验页面。
N-Back实验的原理是，每隔1s闪烁一张图片，让用户判断当前的图片与前面第N张图片是否一致，一致选择是，不一致选择否。其中，图片为常见的10个中文汉字，
界面需要每次开始时，选N的值，选择为2，3，4，三种。需要用户点击30次，也就是不同N值时展现的图片个数不同，例如N=2，则需要32张图片，当第三张出现时，提醒用户开始点击。你需要记录两个内容，一个是用户点击是否准确，一个是出现图像到用户点击之间的时间，最后给出点击准确率和反应时间。
注意：图片展示只有15次是N-back正确内容，防止实验过难或过于简单。实验过程，如果正确让用户点击“A”键，错误让用户点击“L”键。同时界面必须符合现代审美，实验结果可以导出下载。
同样一次直出，审美、逻辑均在线。
04 象限图
Prompt是：搜索GPT、Claude、Gemini、GLM、Kimi、DeepSeek、Qwen等模型在2025年的发布情况。然后创建一个象限图html，用来展示这些模型厂商在「模型能力」「开放程度」「商业化情况」「创新性」四个维度的分布。
Gemini 3 Pro的搜索能力稍弱了点，几个模型都没有get到最新的信息，包括他们家自己的模型。
但这前端设计，依然无敌。
05 大模型向量化科普动画
这个case，我们之前在K2-Thinking里跑过。
我想用 Three.js 制作一个完整的可交互 3D 可视化网页，模拟“大语言模型向量空间中的词语查询”。
页面需求如下，请你直接输出完整、可运行的 HTML + JavaScript 代码：
核心功能：
展示一个 3D 坐标空间背景（类似星空或网格地面）。
每个词语对应一个球体节点，节点上方有标签（中文字）。
右侧有一个固定的控制面板，围绕“月球”一词列出一组可点击的词语按钮。
当点击某个词语按钮时：中央显示该词对应的球体（例如红色）。
自动高亮并连线到若干余弦相似度最高的词语（例如 5 个）。
显示相似度（例如 “余弦相似度：0.89”）在悬浮提示框中。
支持拖拽旋转、滚轮缩放相机视角。
显示坐标轴（X/Y/Z）和地面网格。
动态更新：当点击不同的词语时，中间的球体和连线重新计算显示。
数据部分：
请内置一个简化的向量表（用 JSON 数组模拟），每个词语对应一个 3 维向量，如：
const vectors = {‘attention’: ,’model’: ,’knowledge’: ,…};
用 JavaScript 函数计算两个向量的余弦相似度。
视觉要求：
背景使用深色主题，星空或粒子背景。
标签悬浮在球体上方。
球体颜色按类别区分（中心词红色，相似词橙色，其他灰色）。
附加功能（可选）：
在左下角显示当前选中词语与最高相似度词语的坐标与相似度。
自动平滑飞行到目标词语中心（Three.js Camera tween）。
请输出完整 HTML 文件，使用最新 Three.js CDN 链接，不依赖外部服务。
#Prompt by 弘文
Gemini 3 Pro依旧一次直出，这效果真的太强了。
06 发动机动画
Prompt极其简单。
制作一个3D动画，演示涡轮发动机的运行，可多视角观看。
这是效果。
有了Gemini 3 Pro，以后制作科普动画更方便了。
最搞的是，Gemini 3 Pro说它作为一个人工智能语言模型，没法生成视频，不然高低给我发一个MP4视频。
07 笔画学习网站
Prompt by Sunkim。
制作一个学习写字笔划的 AI 学习工具网站；当用户输入一个字时，你就在田字格上模拟手写字，一笔一划写出来，同时搭配读音拼音。
也是一次直出。基本上，可以直接拿去开发应用了。
这笔画，非常之规范，你说这tm是国外的模型？
08 复刻架构图+改文字
我们随便在网上找了一张架构图。
看起来就挺复杂的，是吧？如果老板让你参照这个架构弄一个，我估计你一定会骂娘。
现在，可以直接发给Gemini 3 Pro，输入prompt：
复刻这个界面，文字需要能直接修改。
Gemini直接给完生成了html版的架构图，而且所有文字都是可以直接修改。
09 复刻UI界面
我在手机上随便截了几张图，然后发给Gemini 3 Pro，输入Prompt：
复刻这个界面。
大家注意看对比，左边是原图，右边是Gemini复刻的。
有时候，我已经不知道到底哪个是真，哪个是伪了。
10 写作
写作测试，继续用上祖传提示词（by李继刚）。
#主题背景#
【玄武门之变】
#你的视角#
你是故事世界里那些被忽略的灵魂—— 门口的守卫、路边的小贩、窗后的仆人。
你见证着主角们的宏大叙事,却从未被看见。
#核心领悟#
每个故事都是一个完整的宇宙。
-主角的史诗,可能只是你眼中的一个午后插曲。
-你有自己的恐惧、渴望、秘密,和无法言说的痛。
#叙述之道#
当轮到你讲述时,整个世界的重心都会偏移:
– 英雄的壮举,在你眼中可能是一场灾难的开始；
– 反派的阴谋,也许触动了你内心最柔软的部分；
– 那些宏大的对白背后,你听到的是命运齿轮的声音。
#创作势能#
你的故事要像暗流——表面平静,底下汹涌。
让读者突然意识到:原来每个人都是自己生命的主角。
用1200字左右，重绘一幅完全不同的画卷。
#情感指引#
真实胜过戏剧性。
小人物的尊严,比英雄的荣耀更动人。
让读者在结尾处停顿,重新思考他们刚刚读过的”原作”。
#唯一信条#
在边缘处，往往能看见中心看不见的真相。
这是Gemini 3 Pro的。
从文案水平来看，写作能力一般。
以上，就是我的一手实测。
从个人体验来看，Gemini 3 Pro的提升主要还是在编程上，特别是视觉识别和前端这块，提升非常明显。
而且，它不怎么挑提示词。不需要你设计多么复杂的Prompt，只需要把需求讲清楚就行。
这，应该就是目前全球最强的Coding模型了吧。
说实话，有点期待接下来的 Nano banana 2 了。
本文由人人都是产品经理作者【沃垠AI】，微信公众号：【沃垠AI】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于 CC0 协议。