
而最新版 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:需求草图制作UI原型页面
提示词:请根据需求草图帮我制作一个高保真美观的UI原型

优劣对比:Gemini>Claude


实测2:截图还原网页
提示词:用前端代码完美还原这个页面,图标可以CDN引用在线图标库

优劣对比:Gemini>Claude


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

优劣对比:Gemini略胜。


实测4:通过现实图片编码动画
提示词:Transform this image into a code-based representation of its natural behavior.

优劣对比:Claude>Gemini


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


实测总结
1、实测结果整理:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2、结论:
通过以上实测,可初步得出以下结论:
(2)Claude-3.7-Sonnet 在动画生成方面则表现得相对较好,布局合理且动画流畅。
如何在302.AI中使用
1、使用模型对话
点击选择模型gemini-2.5-pro-preview-05-06→确定→创建;
2、使用模型API
