Claude 3.7实测：代码能力完胜Deepseek-R1和Grok3

创建一个包含CSS和JavaScript的单个HTML文件，用于生成一个带有动画的天气卡片。卡片应通过不同的动画直观地展示以下天气情况：
风：例如移动的云、摇摆的树木或风线。
雨：例如下落的雨滴、积水形成。
晴：例如闪烁的阳光、明亮的背景。
雪：例如飘落的雪花、积雪。
将所有天气卡片并排放置。卡片应有一个深色背景。提供所有HTML、CSS和JavaScript代码，全部包含在同一个文件中。JavaScript应包含一种方式，用于在不同的天气条件下切换（例如一个函数或一组按钮），以展示每种天气的动画效果。


2.Deepseek-R1 think切换到Deepseek-R1

响应时长111s，生成的html通过在线解析工具中看一下渲染效果

3. grok3 think思考响应时长114s

看下代码效果：

三个前端代码能力相比哪个更强不言而喻svg卡片能力测试先让deepseek-r1生成一个关于MOE大模型的工作原理，然后绘制成svg图

• claude3.7

• Deepseek-r1

• grok3

总结以上就是跟大家分享的关于claude3.7、deepseek-r1以及grok3的代码能力和svg卡片生成能力的对比测试。总的来说claude3.7完胜另外两个大模型，这也能解释为什么现在最火的Cursor代码编辑器为什么会集成claude3.5的原因。当然以上的测试仅仅是从两个维度来做对比，还有其他维度比如逻辑推理、数学测试、语义理解、图文生成、性能等等。感兴趣的小伙伴可以自己再去上手体验。