近日，谷歌提前推出了Gemini 2.5 Pro的最新版：Gemini 2.5 Pro Preview (I/O edition) 05-06 。官方介绍，这一版本模型的编码能力更强，用户只需一个提示即可构建更丰富的 Web 应用程序、游戏、模拟等

而最新版 Gemini 2.5 Pro Preview 05-06 也在 WebDev Arena 排行榜上超越了 Claude 3.7 Sonnet 获得榜首。

那今天我们就在302.AI上实测对比Gemini 2.5 Pro Preview 05-06和Claude-3.7-Sonnet 这两个模型在编程前端方面的表现，看看到底谁会更胜一筹！

Gemini-2.5-pro vs. Claude-3.7-Sonnet 模型实测

实测1-4使用的工具：302.AI的聊天机器人

实测5使用的工具：AI 知识卡片

（除了特别说明，以下实测结果均取自模型第一次生成的效果，仅供参考。）

实测1：需求草图制作UI原型页面

提示词：请根据需求草图帮我制作一个高保真美观的UI原型

优劣对比：Gemini＞Claude

Gemini：页面美观且清晰，模型不仅实现了草图里的功能，还对内容进行了适当扩展，整体更加丰富。

Claude：页面整体简洁，能够准确还原草图中的内容，但与Gemini相比，扩展性有所欠缺。

实测2：截图还原网页

提示词：用前端代码完美还原这个页面，图标可以CDN引用在线图标库

优劣对比：Gemini＞Claude

Gemini：页面还原度超过85%，在截图未展示的部分，模型自行发挥补充了页面效果，属实令人惊艳。

Claude：相同提示词实测了多次，页面还原度均大约在45%，页面仅还原了纵横列的标题部分，中心板块内容和许多细节未能还原。

实测3：根据截图生成游戏

提示词：请帮我制作一个类似的游戏，卡片上的图标换成”302.AI“，游戏整体颜色换成紫色

（图源网络）

优劣对比：Gemini略胜。

Gemini：首次生成的效果稍显不足，在翻到相同图案的卡片后未直接展示。输入第二轮提示词进行优化后效果较好，动画流畅度也高。同时，游戏在翻到相同图案卡片后获得得分，再次翻牌未翻到相同卡片时会扣分，这是模型自行发挥的效果。

Claude：首次输出的效果卡片图案未能显示。输入第二条提示词让模型将图案替换为可显示的emoji后，最终效果尚可，但在翻转到相同图案的卡片时动画不够流畅。

实测4：通过现实图片编码动画

提示词：Transform this image into a code-based representation of its natural behavior.

（图源网络）

优劣对比：Claude＞Gemini

Gemini：生成的动画显示花朵向下，而雨水落在画面底部，这显然不符合逻辑。

Claude：整体动画效果优于Gemini，动画流畅且布局合理。

实测5：知识卡片对比

风格提示词：新拟物主义风格，以柔和的蓝色和白色作为主色调，信息清晰地分成不同的模块，每个模块都有明确的标题和内容，便于阅读和理解，有柔和的阴影和高光效果。使用简单的图形和图标来辅助说明，如多巴胺、催产素、血清素和内啡肽的图标。字体简洁现代，大小适中，标题和正文使用不同的字体大小和粗细，以区分信息的重要性。

优劣对比：Gemini=Claude，各有优劣

Gemini：风格符合度较高，内容排布合理。

Claude：风格遵循有所欠缺，但内容展示丰富，比如数据相关的内容用图表来对比展示，更加直观。

实测总结：

1、实测结果整理：

2、结论：

通过以上实测，可初步得出以下结论：

（1）Gemini 2.5 Pro Preview 05-06 在多个方面的表现相较 于Claude-3.7-Sonnet 更为出色，尤其是在UI原型制作和网页还原等任务上。

（2）Claude-3.7-Sonnet 在动画生成方面则表现得相对较好，布局合理且动画流畅。

（3）从整体结果来看，Gemini 2.5 Pro Preview 05-06的优势主要体现在对复杂需求的理解与实现能力上，能够在用户的提示下进行更丰富的内容生成，比如复杂的卡片视觉风格也能够完全遵循。

如何在302.AI中使用

302.AI的聊天机器人和API超市提供了按需付费无订阅的服务方式，企业和个人用户可按需灵活选用。

1、使用模型对话

使用路径：在线使用→应用超市→机器人→聊天机器人；

点击选择模型gemini-2.5-pro-preview-05-06→确定→创建；

2、使用模型API

企业用户可以通过302.AI的API超市快速、便捷地调用模型，还能够根据特定项目需求进行定制化开发。

相关文档：API→API超市→语言大模型→Gemini→查看文档；

API名称：gemini-2.5-pro-preview-05-06

👉立即注册免费试用302.AI，开启你的AI之旅！👈

为什么选择302.AI？

● 灵活付费：无需月费，按需付费，成本可控
● 丰富功能：从文字、图片到视频，应有尽有，满足多种场景需求
● 开源生态：支持开发者深度定制，打造专属AI应用
● 易用性：界面友好，操作简单，快速上手