Gmail谷歌邮箱注册指南【2025】

0
0
在微信中打开

资讯丨五个实测案例对比Gemini-2.5-pro-preview-05-06与Claude-3.7-Sonnet编程前端能力

资讯丨五个实测案例对比Gemini-2.5-pro-preview-05-06与Claude-3.7-Sonnet编程前端能力 302.AI
2025-05-09
5

近日，谷歌提前推出了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 这两个模型在编程前端方面的表现，看看到底谁会更胜一筹！

模型实测

实测1-4使用的工具：302.AI的聊天机器人
实测5使用的工具：302 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、实测结果整理：
Gemini-2.5-pro-preview-05-06
Claude-3.7-Sonnet
草图制作UI原型页面
原型效果美观丰富，内容有扩展
原型效果较为简洁，扩展性欠缺
根据截图还原网页
还原度达85%以上
还原度45%左右
根据截图生成游戏
游戏动画流畅度高
游戏动画流畅度略逊色
通过现实图片编码动画
动画布局不符合逻辑
布局合理，效果佳
知识卡片对比
风格遵循准确，内容展示可进一步优化
风格遵循度不够，内容展示丰富且清晰

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



扫下方二维码加入AI技术群，获得更多技术资讯！

文章来源：【302.AI】公众号
【声明】该内容为作者个人观点，大数跨境仅提供信息存储空间服务，不代表大数跨境观点或立场。版权归原作者所有，未经允许不得转载。如发现本站文章存在版权问题，请联系：contact@10100.com
0
0
302.AI
分享更新更全面的AI资讯。
内容 153
粉丝 0
302.AI 分享更新更全面的AI资讯。
总阅读53.9k
粉丝0
内容153
友情连接： wps下载ios| 纸飞机怎么设置中文| telegram注销官网| telegram收不到验证码| telegram网页版| gmail注册跳过手机| gmail下载位置| Microsoft Office下载地址合集 | 安卓telegram中文设置| telegram注销| gmail邮箱注册教程| Telegram官网-电报中文版| 快连vpn 账号| telegram中文群组推荐| WPS最新破解版-已永久激活(360实测有效) | telegram注销找回| 登陆gmail邮箱注册| gmail下载电脑版mac| gmail登入信箱| gmail信箱格式| telegram安卓下载app| telegram手機中文版下載| telegram安卓下载链接| gmail登入位置| telegram下载ios| gmail邮箱下载windows| gmail注册机| 快连vpn电脑版破解| telegram注册| 快连vpn无限试用| 手机版telegram怎么设置中文| telegram注销后聊天记录| wps中文官网| telegram账号异常| gmail注册帐号| 快连vpn 电脑版| 安卓telegram中文设置| gmail信箱容量| telegram x中文设置| wps office官网| telegram中文|