Gemini 3 已经被吹上天,今天震惊明天又突破的,前端危!

是不是真的这么厉害,我们来亲自测试一下!

Google 发布 Gemini 3:开启智能新纪元

2025年11月19日,Google 正式发布了其最先进的 AI 模型——Gemini 3。这标志着人工智能进入了一个全新的时代,带来了更强大的推理能力、更卓越的编码体验以及前所未有的代理(Agentic)能力。

在这里插入图片描述

核心亮点概览

Gemini 3 不仅仅是一个模型的升级,它是 Google 在 AI 领域的一次重大飞跃。相比前代产品,Gemini 3 在推理、多模态处理和代码生成方面都有了显著提升。

  • 更强的推理能力:Gemini 3 Pro 在各项基准测试中均超越了前代模型。
  • Deep Think 模式:专为解决复杂问题而设计,能够进行深度思考。
  • Agentic Workflow:引入了全新的代理开发体验,能够自主规划和执行任务。

深度思考:Gemini 3 Deep Think

Google 引入了 Gemini 3 Deep Think 模式,这是专为处理极具挑战性的任务而设计的。

在这里插入图片描述

Deep Think 模式不仅仅是回答问题,它能够像人类专家一样进行推理。无论是分析复杂的学术论文、制定详细的训练计划,还是解决高难度的数学问题,Deep Think 都能提供深度且精准的见解。

  • 学习任何事物:你可以给它提供长视频讲座或复杂的 PDF 文档,它能为你生成交互式的抽认卡、可视化图表,甚至编写代码来帮助你掌握这些知识。

开发者的新纪元:构建万物

对于开发者而言,Gemini 3 带来了革命性的变化。它被誉为 Google 有史以来最好的 “Vibe Coding” 和 “Agentic Coding” 模型。

卓越的编码性能

Gemini 3 在多个权威基准测试中表现优异:

  • WebDev Arena:以 1487 Elo 的高分登顶榜首。
  • Terminal-Bench 2.0:在终端操作测试中得分为 54.2%。
  • SWE-bench Verified:在编码代理测试中达到了 76.2%,大幅领先于 Gemini 2.5 Pro。

Google Antigravity:全新的代理开发平台

伴随着 Gemini 3 的发布,Google 推出了 Google Antigravity。这是一个全新的代理开发平台(Agentic Development Platform),旨在重塑开发者的工作流。

在这里插入图片描述

在 Antigravity 中,AI 不再仅仅是代码补全工具,而是成为了你的主动合作伙伴

  • 自主执行:Agent 可以直接访问编辑器、终端和浏览器。
  • 端到端任务:它可以自主规划、编写代码、并在浏览器中验证执行结果。
  • 多模型协作:除了 Gemini 3 Pro,Antigravity 还集成了用于浏览器控制的 Gemini 2.5 Computer Use 模型,以及顶级的图像编辑模型 Nano Banana (Gemini 2.5 Image)。

规划万物:强大的代理能力

Gemini 3 在长程规划(Long-horizon Planning)方面取得了突破性进展。这意味着在现实生活中,Gemini 3 可以帮你处理更复杂的任务,比如预订一系列本地服务或整理杂乱的收件箱,整个过程都在你的掌控之中,但执行细节由 AI 完美代劳。

Gemini 3 实测:托卡马克核聚变模拟

Gemini 3 正在拓展多模态生成的边界。在这次测试中,我们见证了它如何编写一个复杂的托卡马克(Tokamak)核反应堆视觉模拟程序,并创作一首捕捉聚变物理学的诗歌。

在这里插入图片描述
在这里插入图片描述

在这个生成的单页 HTML 文件中,视觉效果从冷真空过渡到点火,完整展示了聚变的四个关键阶段。代码不仅控制着视觉渲染,还调整着着色器(Shader)强度和配乐,使其与诗歌的节奏完美契合。

以下是本次测试使用的提示词(Prompts):

Prompt 1: Shader inspired by plasma flow confinement in a tokamak. Add orbit controls. Return a single HTML page.

Prompt 2: Write a written word piece about nuclear fusion, based on the following shader. Add a soundtrack. Overlay your piece, adjusting the shader and soundtrack intensity to reflect phases in achieving steady-state fusion. Return a single HTML file.

Gemini 3 实测:地月日轨道动力学模拟

在另一个令人印象深刻的测试中,Gemini 3 再次展示了其生成复杂多媒体内容的能力。这次的任务是模拟地球、月球和太阳之间的轨道关系。

在这里插入图片描述
在这里插入图片描述

Gemini 3 创建了一个单一的 HTML 页面,其中包含:

  • 物理着色器:展示了天体轨道动力学、月全食和日全食等场景。
  • 科普叙事:一篇关于天体系统形成与演化的文章。
  • 动态配乐:背景音乐的强度随着文章内容和视觉效果的变化而实时调整。

所有这些元素都无缝融合,代码自动协调了视觉、听觉和文本的节奏,为用户提供了沉浸式的科普体验。

以下是本次测试使用的提示词(Prompt):

Prompt: 创建一个新的单一的 HTML 页面,包含受地球、月球和太阳之间的轨道关系、动态、形成历史、月全食、日全食以及其他特殊天文场景启发的着色器。添加轨道控制。基于着色器,写一篇关于地球、月球和太阳的关系、轨道、历史形成,包括月全食、日全食以及其他特殊场景演示的文章。添加背景音乐。将你的文章叠加在着色器和背景音乐上,调整着色器和背景音乐的强度以反映轨道演化、系统形成以及特殊天文事件的不同阶段。返回单一的 HTML 文件。

Gemini 3 实测:体素艺术创作与重组

Gemini 3 的能力不仅限于科学模拟,它在创意艺术和逻辑推理方面也展现了惊人的天赋。在这个测试中,我们要求模型通过纯代码创建 3D 体素艺术。

在这里插入图片描述
在这里插入图片描述

Gemini 3 完成了以下一系列复杂的任务:

  1. 创建体素鹰:编写代码生成了一只栖息在树枝上的 3D 体素鹰,所有逻辑都封装在一个 HTML 文件中。
  2. 逻辑拆解:它能够“理解”自己创建的物体,将体素按颜色拆解并整齐排列。
  3. 重组创新:展示了高级推理能力,使用完全相同的体素块,重新组合成了一只猫,随后又重组成了一只兔子。

这证明了 Gemini 3 不仅能生成图像或代码,还能深度理解对象的组成结构,并进行创造性的重组。

以下是本次测试使用的提示词(Prompts):

  1. 编写代码创建体素艺术。展示一只鹰栖息在树枝上。使用任何库来完成这个任务,但要确保我能将所有代码粘贴到一个单独的 HTML 文件中,并在 Chrome 中打开它。让它有趣且美观,全部在一个代码块中。
  2. 拆解这个体素创建过程。按颜色整齐排列所有体素。
  3. 使用完全相同的块重建一只猫。
  4. 使用完全相同的积木重新构建一只兔子。

Gemini 3 实测:单文件 Web OS 开发

这是一个更加极端的测试,旨在挑战 Gemini 3 的代码生成极限。我们要求它在单个 HTML 文件中构建一个功能完整的 Web 操作系统。

这个真的不要太离谱了

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

结果令人惊叹,Gemini 3 生成了一个包含以下功能的类 Windows 操作系统:

  • 完整 GUI:任务栏、开始菜单、窗口管理。
  • 内置应用
    • 文本编辑器:支持基本编辑功能。
    • Python 终端:模拟代码执行环境。
    • 代码编辑器:支持语法高亮。
    • 可玩游戏:内置了简单的休闲游戏。
    • 文件管理器:模拟文件浏览和管理。
    • 画图工具:支持绘图功能。
    • 视频编辑器:简单的视频处理模拟。
  • 细节打磨:不仅功能齐全,界面还充满了有趣的细节和美学设计,超出了“演示代码”的范畴。

所有这些复杂的功能代码(HTML, CSS, JavaScript)都被封装在一个文件中,可以直接在浏览器中流畅运行。

以下是本次测试使用的提示词(Prompt):

Prompt: 设计并创建一个类似 Windows 操作系统的 Web OS,具备完整功能:从文本编辑器、带 Python 的终端、代码编辑器、可玩的游戏,到文件管理器、画图工具、视频编辑器,以及所有重要的 Windows 系统预装软件。可以使用任意库来实现,但务必确保我能把所有代码粘贴进单个 HTML 文件里,并直接在 Chrome 中打开运行。让整体效果有趣、细节丰富,呈现出超出常人预期的细节,在一个代码块中尽情发挥创意与美感。

Gemini 3 实测:梦幻科幻风 Landing Page

除了复杂的功能开发,Gemini 3 在前端设计美学上也表现出色。我们要求它构建一个名为 “Cosmic Origins” 的科普网站着陆页。

在这里插入图片描述
在这里插入图片描述

Gemini 3 完美捕捉了 2050 年星际派对的氛围,呈现出一种精致且极繁的“科幻卡通风”:

  • 视觉风格:使用了宇宙柔和色调(星空蓝、银河紫、恒星金)和药丸形、圆角等柔和形状,避免了尖锐的棱角。
  • 动态效果:通过代码实现了一个梦幻般流畅旋转的银河系动画,没有任何人工元素或飞船的干扰。
  • 排版设计:标题采用了弯曲厚重的复古手写体,正文则是清晰的几何无衬线体,营造出强烈的视觉对比。
  • 响应式布局:页面在各种设备上都能完美展示,且完全通过前端代码生成。

以下是本次测试使用的提示词(Prompt):

Prompt: 为“Cosmic Origins”构建一个充满活力、梦幻科幻风格的着陆页,该网站是一个科普平台,每周更新关于宇宙起源的教育内容,虚构位于银河观测站的虚拟工作室。氛围:想象 2050 年太空站的星际探索派对。美学是精致且极繁的“科幻卡通风”。应感觉像一部动画片——平面设计,无照片,无杂音。使用宇宙柔和色调调色板(星空蓝、银河紫、恒星金)。包含一个使用合适库的动画,展示一个温柔动画的旋转银河系(大型圆形容器包含动画银河系矢量图。确保动画流畅而梦幻,但银河系看起来要逼真。不要添加人工元素或飞船。)字体:为标题使用弯曲、厚重复古手写体(类似太空海报),搭配硬阴影。正文使用几何无衬线字体。形状:所有元素必须圆润。药丸形按钮、圆形图片蒙版和文本框的柔和边角。内容区域:宇宙起源介绍、地球月球太阳关系、银河系结构、联系方式。使网站完全响应式。使用“暖色与冷色”对比策略(淡紫色/浅渐变背景与蓝色点缀)。确保页面适合家庭观看。不要包含真实科学家姓名。尽可能发挥创意,展示你最好的前端编程技能!在最终确定页面前,确保银河系动画看起来很好(连贯、一致、易于“阅读”、风格化且流畅)。不要包含电话号码或电子邮件地址。使用电子邮件图标或联系表单代替。不要预先填写联系表单中的姓名。

Gemini 3 实测:高保真设计还原与交互

在这个测试中,我们考察了 Gemini 3 还原设计稿并添加复杂交互动效的能力。

在这里插入图片描述

Gemini 3 不仅能精确识别和还原设计稿中的视觉元素(布局、颜色、排版),还能自动补充静态设计图中缺失的交互逻辑:

  • 像素级还原:将静态设计图转换为结构严谨的 HTML/CSS 代码。
  • 智能交互:自动识别按钮、卡片等可交互元素,并添加合适的 hover 效果、点击反馈和转场动画。
  • 动效增强:在还原视觉的基础上,增加了流畅的微交互动画,提升了用户体验的细腻度。

以下是本次测试使用的提示词(Prompt):

Prompt: 还原设计稿,还加上各种交互动效。

Gemini 3 实测:发挥创意

Gemini 3 真的超级好玩!我们可以让它发挥创意,提出一些非常随机的要求。
比如
“构建一个可以自动运行的简洁精美的游戏”

在这里插入图片描述

安全与可用性

Gemini 3 是 Google 迄今为止最安全的模型,经过了广泛的内部和外部安全评估,显著减少了阿谀奉承(sycophancy)现象,并增强了对提示注入(prompt injections)和网络攻击的防御能力。

总结

好像确实不再需要前端了…

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐