AI模型的迭代速度令人目不暇接，然而，在代码编写与SVG生成这两个硬核维度上，能够同时展现出“碾压级”优势的，Claude 3.7 Sonnet 堪称首个。不妨直接来看实测对比——我们选取了近期热度最高的三款模型：Claude 3.7、Deepseek-R1 与 Grok 3，分别从代码编写和 SVG 卡片生成两个方向进行横向评测。结果一目了然，高下立判。
Claude 3.7 介绍
Claude 3.7 Sonnet 是 Anthropic 最新推出的 AI 模型，一经发布便被贴上“推理、编码、现实问题解决”三大标签——这绝非空穴来风。最显著的变化在于它现已支持“思考模式”，用户能够直观看到模型逐步推理的过程，仿佛揭开了黑箱的盖子。接下来，我们将从代码能力测试与 SVG 卡片生成两个维度，与 Deepseek-R1 和 Grok 3 展开一场硬碰硬的较量。
代码能力测试
1. Claude 3.7 think
使用 Claude 3.7 实现一个前端天气卡片页面，几乎是秒级响应。提示词要求创建一个包含 CSS 和 JavaScript 的单个 HTML 文件，生成带有动画的天气卡片，涵盖风、雨、晴、雪四种天气，每个卡片用不同动画展示，并排排列在深色背景上，同时提供切换按钮。
创建一个包含CSS和Ja vaScript的单个HTML文件，用于生成一个带有动画的天气卡片。卡片应通过不同的动画直观地展示以下天气情况：
风：例如移动的云、摇摆的树木或风线。
雨：例如下落的雨滴、积水形成。
晴：例如闪烁的阳光、明亮的背景。
雪：例如飘落的雪花、积雪。
将所有天气卡片并排放置。卡片应有一个深色背景。提供所有HTML、CSS和Ja vaScript代码，全部包含在同一个文件中。Ja vaScript应包含一种方式，用于在不同的天气条件下切换（例如一个函数或一组按钮），以展示每种天气的动画效果。结果瞬间生成，动画流畅自然，效果令人满意。
2. Deepseek-R1 think
切换到 Deepseek-R1，使用相同的提示词，响应时长达到 111 秒——将近两分钟。生成的 HTML 通过在线解析工具查看渲染效果，只能说……差强人意，略显勉强。
3. Grok 3 think
Grok 3 的思考响应时长 114 秒，比 Deepseek-R1 还慢了 3 秒。再看代码效果，整体完成度与美观度均不尽如人意，存在明显短板。
三个模型的代码能力孰强孰弱，高下立见，无需多言。
SVG 卡片能力测试
接下来测试 SVG 卡片生成能力。本次任务更为复杂：让模型生成一张关于 MOE 大模型工作原理的 SVG 示意图，要求清晰表达混合专家模型的核心机制。
- Claude 3.7：生成的 SVG 结构清晰、层次分明，视觉上可直接用于演示或分享。
- Deepseek-R1：输出的 SVG 相对简单，细节不足，信息传达略显单薄。
- Grok 3：表现不及预期，图例混乱且关键信息缺失，整体质量较低。
总结
以上就是 Claude 3.7、Deepseek-R1 以及 Grok 3 在代码能力和 SVG 卡片生成两个维度的实测对比。从结果来看，Claude 3.7 在这两个方向上几乎取得了完胜。这也解释了为何当前最热门的代码编辑器 Cursor 选择集成 Claude 3.5（以及后续的 3.7）——代码能力确实极其硬核。当然，本次测试仅覆盖了代码和 SVG 两个维度，其他如逻辑推理、数学测试、语义理解、图文生成、性能等方面，还需更多横向对比。但至少在这两个场景下，Claude 3.7 已经交出了一份非常亮眼的答卷。