随便跑了几个例子：
- 个人网页： https://gemini.google.com/share/cc1f1877e6e0
- 截图生成网页： https://gemini.google.com/share/3dd0990fccaa
- 3D 精灵球： https://gemini.google.com/share/1657c0168073
- 3D 皮卡丘： https://gemini.google.com/share/17f993396e7b
虽然这个皮卡丘是抽象了点~
ChatGPT 5.1 写代码能力差太多了
https://chatgpt.com/canvas/shared/691d305388bc8191b2d3f19e3f9a9e32
第 1 条附言 7 天前
再次感叹Gemini 3 Pro强大！
跟它Talk了一晚上，硬是让它按照我的想法把网页改出来了。
还解决深色模式闪屏的问题，一眼就给我定位到问题出在切换模式的按钮上：
{theme === 'dark' ? <Sun size={18}/> : <Moon size={18}/>} 我 Next.js + React 纯新手，此前不知道组件未挂载完成直接使用 theme 会导致 Hydration Mismatch，我以为最多就是值为空
这次让他生成了一个极简风格的个人主页，动画效果流畅，适配移动端，支持切换深色模式：
45 条回复 2025-11-26 10:14:54 +08:00
 | 1 tim9527 7 天前 进去点了几个，这都是直接生成的吗,牛蛙 |
 | 2 songsongqaq 7 天前 是用的 canvas 模式吗 |
 | 3 LeegoYih OP  2 @songsongqaq 是用的 Canvas 模式 分享以下生成博客的 Prompt： 设计一个前卫的程序员个人网页，要求界面明亮，配色大胆，有创新让人眼前一亮，丰富的动画及组件，精致的图标库，整体优雅美观，网页内容包含以下部分： 1. 作品展示：有游戏作品、摄影作品、画画作品等，展示作品封面、作品标题、作品简介、作品 Tag 2. 博客文章：展示文章标题、文章梗概、文章 Tag 3. 联系方式：展示 GitHub 、推特、邮箱等 使用 React 和 Tailwind CSS 实现，开始你的任务！ |
| 4 songsongqaq 7 天前 @LeegoYih 试了一下 gemini 3 pro 的动态视图生成的网页也很有设计感 不像是 ai 风 但是就是不能保存源码 |
 | 5 gaxila 7 天前 gpt 的网页好远古的感觉哈哈 |
 | 6 kamikaze472 7 天前 太强了 |
| 7 LeegoYih OP @songsongqaq 我现在指定让他生成 React 代码，把我自己想要的元素通过 Component 形式复制到项目了 正在尝试基于 Gemini 3 Pro 的 IDE Google Antigravity ，看看到底怎么个事儿 https://x.com/antigravity/status/1990813606217236828 |
 | 8 andrew2558 7 天前 哪里有 canvas 模式？在 aistudio 里没有找到呀 |
 | 9 Link99 7 天前 博客这个真不错 |
 | 11 bikeread2008 7 天前 @LeegoYih 我一直卡在 setting up your account 界面，你能正常初始化吗 |
 | 12 crocoBaby 7 天前 确实好用,感谢分享!已从 chatGPT 转 Gemini |
| 13 LeegoYih OP |
 | 14 MAVETRICK 7 天前 我已经开了 ai pro 了，关键是 google 这个还送 2tb 的存储，太香了 |
 | 15 GuLuDaDuiZhang 7 天前 Gemini 3 Pro Preview 分析一个需求点不如 2.5 Pro 分析的细致，有些失望，可能要等正式版的 3 Pro 才好用 都说代码能力很棒，可能 3 主要是代码能力的增强，后续观察下 |
 | 16 harrietliu 7 天前 via Android 期待接入 gemini-cli ，已经 waitlist 了 |
 | 17 novaren 7 天前 via Android @harrietliu 在哪里加 wait list 啊？ |
| 18 harrietliu 7 天前 via Android @novaren gemini-cli 更新到最新版，然后进入，会显示一个网址 |
 | 19 wonderfulcxm 7 天前 via iPhone 非常给力 |
 | 20 daweii 7 天前 via iPhone 皮卡丘那个十万伏特的动画把我逗笑了 |
 | 21 newtype0092 7 天前 你就用这个皮卡丘模型的风格再搞些其他的，做个抽象小游戏我觉得有火的潜质  |
| 22 kamikaze472 7 天前 1 试试 gpt 的皮卡丘, 也是很抽象 https://chatgpt.com/canvas/shared/691d58ef0f708191bcd8ed35b395300a |
 | 23 whoosy 7 天前 谢谢后端代码 拉的一批 |
 | 24 NASK 7 天前 @kamikaze472 #22 确实抽象,好好笑 |
| 25 LeegoYih OP @newtype0092 国外很多这种抽象游戏，就靠广告收入，能赚点零花钱 |
 | 26 iwasthere 7 天前 https://chatgpt.com/canvas/shared/691d6a399ea48191b7862dc67b2af895 这是我用贴主的提示词在 chatgpt5.1 实现的，效果个人感觉惊艳 |
 | 27 polaa 7 天前 皮卡丘抽象大概是因为版权原因 |
 | 28 coldday 7 天前 确实牛 |
 | 29 Rehtt 7 天前 via Android |
 | 30 alexa0327 7 天前 2 非常牛 P ，试了下生成互动式地图也效果很棒 https://gemini.google.com/share/82664fdec8e3 |
 | 31 godspeedyou 7 天前 |
 | 32 xljya 7 天前 哈哈哈，好好笑 |
| 33 kamikaze472 7 天前 用了#3 楼的提示词, 我觉得 gpt 的效果也不差, 开的 plus 会员 https://chatgpt.com/canvas/shared/691d89ee028c819199d9cedc04f494b3 |
 | 34 TabGre 7 天前 via iPhone 就是没有对应到 claude code 的 cli 工具，gemini cli 不大好用 |
 | 35 usn PRO 还得是谷歌，股神巴菲特果然没看错，底子稳，追的快，跑的久 |
| 36 usn PRO 生成网页的能力太惊人了，这下在真正的意义上每个人都可以搭建属于自己的原创博客和在线论坛了 |
 | 37 actopas 7 天前 @kamikaze472 感觉不太行，不知道是不是审美疲劳了大圆角+渐变现在已经摘不下来 ai 帽子了，反观 gemini 更像是经过 uiux 设计的 |
 | 38 QXDM 7 天前 via Android gemini3 实际用下来还是不如 claude code 省心 |
 | 39 SenLief 7 天前 gemini 3 pro 的 canvas 设计感觉可以不用前端了，设计好后丢给 cc 写后端，感觉 web 应用就出来了。 |
 | 40 simondung 7 天前 via iPhone 然并卵…… |
 | 41 dirtydeeds 6 天前 @Rehtt glitch mode 好炫啊 |
 | 42 Gav1n1995 6 天前 这皮卡丘太搞了 |
 | 43 muxiaofei 2 天前 能留一个可以访问 gemini3 的机场吗 |
 | 44 TerranC 1 天前 怎么充值 gemini pro ？ |
Select Language