免费POC, 零成本试错
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


我要投稿

我挖到Gemini 3.0 Pro十大隐藏玩法,做网页已经落后N个版本了

发布日期:2025-11-19 20:25:01 浏览次数: 1576
作者:卡尔的AI沃茨

微信搜一搜,关注“卡尔的AI沃茨”

推荐语

Gemini 3.0 Pro的十大隐藏玩法,让你体验AI网页开发的无限可能!

核心内容:
1. 一键复刻主流社交平台页面,实现交互与动画效果
2. 从草图生成设计应用,支持画布与工作流双模式
3. 生成式UI能力展示,动态呈现复杂概念与旅行攻略

杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家

来不及解释了,

我决定用四个视频告诉你Google新出的Gemini3有多顶。

3D台球|Gemini 3.0 Pro vs Gemini 2.5 Pro vs Claude Sonnet 4.5  vs GPT 5 Pro 

体验的方式已经很多了,

Gemini App,Google AI Studio,flowith,Cursor,Gemini CLI,Antigravity都可以直接用,推荐使用AI Studio的build模式。


Image

这次的测试案例几乎全新,测试场景分十类,截图网页复刻,视觉特效,文字特效,图形特效,SVG,3D演示,可互动游戏,甚至可以从零造一个应用或者Agent,视频分析等,量大管饱,kuku熬夜。Here we go!

🌟

提示语,使用地址,模型报告都打包好了,公众号回复gemini3就行

第一类我要颁给系统复刻类,

我在群里看着朋友们把某音,某映,某书,某X通通复刻了遍,

不只是前端,是可以交互,有动画效果的状态,

提示语简单且模版化到只有一句话

🎉

复刻这个页面,要有XXXX的效果

这个XXXX的效果很关键,先看看一键复刻某书,

这时候追加描述一下你想要的效果,比方说这里可以补充,

帖子要有向下滑动,点开互动的效果。

同样的逻辑就甚至可以在Gemini 3.0 Pro上做一个剪映,真的能剪辑的那种,拖素材,A/B Roll,还可以加字幕。。。

🎉

提示语来自@饼干哥哥

Design a CapCut(你没看错提示语真就那么短)

脑洞再大一点,有Nano Banana的话,

可以原地做一个通过我画的草图生成图片的网页

🌰

生成一个设计应用,我可以用鼠标画草图,然后调用NanoBanana将草图转成设计海报

甚至可以搭出来更完整的平台,

一句话直接生成一个画布+工作流双模式工业设计辅助应用,可以在画板上手绘生图,还可以在工作流模式下生成+材质分析

🦄

提示语来@ZHO_ZHO_ZHO

为我设计一个极简主义风格的,工业设计应用,使用最新的 模型和 Nano Banana,来帮助用户做设计,要有画布模式和节点式工作流模式 两种模式

也是因为有那么强的页面复刻能力,

任性的Google通过Gemini 3.0 Pro做出了Generative UI(生成式界面)的能力,换句话说,之前我们提问的时候,Gemini就不会只生成文字了,它会立刻马上瞬间想做一个可交互的页面来展示可互动的动态效果。

给我展示RNA聚合酶是怎么工作的,并对比原核和真核细胞的区别。

我的好朋友@Ro斯抽到内测了,做出来的旅行攻略会根据预算调整改变

不过目前内测的Gemini App不支持上传图片,功能有缺失。

我作为Gemini Pro并没有在AI Mode和Gemini App上用到这个功能,

等后面更新了后单独出一期极限测试。

来到特效复刻这趴,

放在这个位置是因为用的提示语都差不多,Gemini 3.0 Pro看图能力太强了,都不怎么需要提示语了,梦回Nano香蕉。

灵感来自@银海,在pinterest.com里面找合适的效果,然后丢到Gemini 3.0 Pro里简单描述一下你想要做的效果。

🎁

复现这个页面,需要有颜色变化和形态变化,从星形到圆形到方形的动画效果

类似的思路还可以凭空让Gemini 3.0 Pro做手写字的动效模拟,

提示语来自@Sunkim

制作一个学习写字笔划的 AI 学习工具网站;当用户输入一个字时,你就在田字格上模拟手写字,一笔一划写出来,同时搭配读音拼音。

这还远远没达到Gemini 3.0 Pro的极限,它还在C,@歸藏佬甚至做了一个滚动叙事网页,

嗯,还是一段话,纯文本,没有参考图的。。。

请你扮演一位擅长创意交互的前端开发专家。我要做一个类似 Apple 产品页风格的“Scrollytelling(滚动叙事)”网页 Demo。

技术栈要求:

使用 HTML、CSS 和 GSAP (GreenSock) 配合 ScrollTrigger 插件。


交互逻辑:

页面高度要设置得很长(如 5000px),建立一个全屏固定的视口(Pinned Container)。用户的滚动动作不移动页面,而是作为进度条(Scrub: 1)直接控制整个动画的时间轴播放。


视觉与动画流程(请按顺序实现以下 Timeline):

开场: 屏幕中心只有简洁的文字 Slogan,随着滚动,文字放大并渐隐消失。

UI 演示: 随后,模拟“手机通知弹窗”和“邮件列表卡片”从不同方向平滑飞入屏幕中心。

堆叠特效: 继续滚动,这些分散的卡片要通过 3D 变换,自动吸附堆叠在一起(Stacking Effect)。

高潮: 出现一个“Unsubscribe All”的按钮,当滚动经过它时,堆叠的所有卡片瞬间向四周炸开/飞走(Explosion Effect)。

结尾: 露出最后的 Logo。


风格要求:

极简主义、圆角卡片设计、阴影柔和、动画曲线要非常有弹性(Elastic/Spring)。请直接给我可运行的完整代码文件

接下来的部分我一定要留给SVG,

这个能力Gemini 3.0 Pro简直是断档第一,

📚

提示语来自@ezshine

帮我用SVG绘制一个八缸发动机的物理结构动画

还有这个非常经典的风扇,有线上版本可以玩

🔗 youware.app/project/js7zcds327?enter_from=share&screen_status=2

类似的case还有很多,视频都要放不下了,我就简单盘盘思路,有的做咖啡机的工作原理,有的做发射器的,还有的内燃机都做出来。

而我个人认为集大成者还是操作系统复刻。

设计并创建一个类似Mac OS的网页操作系统,具备从文本编辑器、文件管理器到绘图工具和视频编辑器等全部功能,以及所有Mac OS预装的重要软件。可以使用任何库来实现,但确保所有代码能整合到单个HTML文件中,并能在Chrome浏览器中直接打开。要求设计充满创意与美感,展现令人惊艳的细节,在单个代码块中呈现极致精巧的构思。

真的是离离原上谱,它甚至还给我配了一个可以对话的AI助手

SVG都说了,作为它的固定搭配3D类和游戏类也有充足的提升,

动态切换视角什么的,扭个魔方什么so easy

提示语来自@ClankerT800

创建一个3D魔方模拟,包含“打乱”和“解决”按钮,两个按钮都会播放流畅的动画。

之前可以被当作模型试金石的3D山脉也跟3D台球一样被解决了

🎉

创建一个 3D HTML 山脉场景,包含悬崖、河流和昼夜光照变化。支持拖动和缩放、动画过渡、真实感渐变色,并可切换等高线显示

游戏类我就放一个case秒杀全场,装载了四个游戏还可以根据画面实时给建议的游戏助手的gameboy switch ,纯文本就做出来了。

🎨

设计并创建一款类似任天堂GameBoy Switch的模拟器,具备以下经典游戏的完整功能:

《俄罗斯方块》(GB, 1989)内置现象级游戏,永恒的益智循环。

《宝可梦 红/蓝/黄》(GB, 1996–98)定义掌机RPG的狂潮之作。

《塞尔达传说:织梦岛/DX》(GB ’93 / GBC ’98)便携式塞尔达杰作。

《超级马里奥乐园2:6枚金币》(GB, 1992)宏大而创新的马里奥,引入反派瓦力欧。

《宝可梦 金/银/水晶》(GBC, 1999–2000)城都+关都地区、昼夜系统、划时代革新。

技术要求:

  1. 所有按钮均支持触控操作,并可通过键盘对应按键触发
  2. 可使用任意库实现,但需确保所有代码可整合为单一HTML文件并在Chrome中运行
  3. 注入极致创意与视觉美学,展现令人惊艳的细节设计

请将完整实现置于单一代码块中。

还有一个真的太喜欢,当屏保放着然后听音乐了,属于是私人推荐

📌

打造一款无限延伸、可互动的80年代《Outrun》风格驾驶体验。  

用户操作  

转向:使用左右方向键(方向键或WASD键)控制车辆在道路上行驶。  加速:涡轮增压按钮可提升速度并扩展视野。  

系统功能:循环切换配色方案(迈阿密/赛博/金色)、故障/CRT显示切换、摄像机视角切换。  


摄像机行为  

跟随模式:摄像机必须严格保持与车辆X轴居中(无横向漂移/延迟),以避免晕动症并维持街机手感。  

环绕模式:可选自由观察模式。  


场景内容  

低多边形跑车,转向时车身会倾斜。  

无限延伸的复古网格道路,带有“湿滑路面”反射效果。  

程序化生成的棕榈树、山脉以及带有“百叶窗”条纹效果的大太阳。  

技术实现:单HTML文件、着色器材质、后期处理(泛光/扫描线效果)。

最后,

虽然这期主要是盘点Gemini 3.0 Pro那离谱的编程能力,但是这不Nano香蕉2马上也要来了,所以看到一个合适使用case也决定分享上来

帮我详细分析这个视频的每个分镜,做成提示语表格,确保我可以让nano香蕉复刻,同时给这个视频配上合适的bgm

最后的最后,

到了紧张刺激的价格环节,

Gemini 3.0 Pro的上下文窗口100 万 Token,最大输出64k Token

200k 以内的上下文

输入:$2.00 / 100 万 Token

输出:$12.00 / 100 万 Token

200K 以上的上下文

输入:$4.00 / 100 万 Token

输出:$18.00 / 100 万 Token

原生支持文本、图像、音频、视频

Image

最后的最后的最后,

Gemini 3.0 Pro这篇文章真的太耐写了,

我还是想同步一下这次模型的值得关注的提升点,谷歌这次是从零开始,在自家的TPU芯片上训练了Gemini 3模型(sparse MoE),不是Gemini2.5的微调。

LMArena 直接干到了 1501 分,发布即上线。


Image

我昨天就已经分析过一轮Gemini 3.0 Pro的性能提升点了,

保姆级教程:超前体验Gemini3和Nano Banana Pro

今天再结合一些大神的分析补充两点,

Gemini 3.0 Pro在ScreenSpot Pro中表现很突出,这个测试考验AI理解各种软件截图的能力,包括AutoCAD、PhotoShop等专业工具界面。

Gemini 3.0 Pro在编程测试中,在LiveCodeBench的国际象棋等级分(Elo)评分超过了2400(上面那么多case里也反映出来了)。但在软件工程基准(SWE Bench)中没拿下第一,这说明Gemini 3在互动编程、实时问题解决方面很强,但在复杂、长期的代码维护方面,还有提升的空间。


Image

One More Things,

这次谷歌也跟进了类似 o1 的慢思考模式。Gemini 3 Deep Think 会花更多时间去推理,专门解决复杂问题。测试数据比 Pro 版本还要高一截,不过还得再等一段时间。

测不完根本测不完,

还有个IDE,Google Antigravity


Image

我真没招了,再写这文章也放不下了,

留给下一期开个专题吧,

谁来治治Gemini 3.0 Pro 啊,

没人的话,

我取消200刀的GPT Pro,

升级Ultra了,

奥特曼再见👋。

@ 作者 / 键盘敲出闪电的超人卡尔


最后,感谢你看到这里👏如果喜欢这篇文章,不妨顺手给我们点赞👍|在看👀|转发📪|评论📣

如果想要第一时间收到推送,不妨给我个星标🌟

更多的内容正在不断填坑中……

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询