这两周一直在玩 Claude 3.7 Sonnet，根本停不下来啊。

当初 Anthropic 在发布 Claude 3.7 Sonnet 时，就称其编程能力断档领先。

是不是很好奇，Claude 3.7 真的有那么强吗？

先说结论，确实很强。

我这几天甚至觉得，限制产品效果的不再是 AI，而是我的想象力和语言描述能力了！

尤其是最近一周多，看到很多网友使用 Claude 3.7 制作出来的成果，说不震惊那都是假的。

所以今天我决定花点时间，重现部分让我觉得惊艳的效果，看网友们是不是在吹牛！

简单生成 svg 图片的测试就不做了，直接玩点有难度的。

制作 UI

网友 padphone 称用 Claude 3.7 生成了一个很精美的登录界面。

为简单起见，我们只测试左边卡片。直接截图让 Claude 3.7 原样输出，再经过 4 次简单的对话微调，效果如下：

整个过程用时不到 5 分钟！

这效果，找个前端开发工程师，估计也得小半天才能实现。

这还不算完。

我们继续让 Claude 3.7 增加一些有趣的动态效果，同样是两三次对话后，得到的效果如下：

我的天。。

生成 3D 页面

接下来我们看看 Claude 3.7 生成 3D 网页效果。

先实现一个简单的三维地球需求。

使用卫星影像地图，实现一个可以由用户改变视角的三维地球，并在地图中突出显示中国。

Claude 3.7 返回页面如下，并将中国用红框标注出来。

我看到有人发布了一个 3D 城市的视频，非常强。

直接把复制提示词，让 Claude 给我们生成一份代码。

使用 Three.js 创建一个 3D 城市场景，该场景以繁华的城市环境为特色，街道两旁有摩天大楼、公寓楼和小商店。将道路与行驶的汽车、交通灯和人行横道结合起来，让城市变得生动活泼。添加在人行道上行走和过马路的行人以增强真实感。包括路灯柱、长椅和树木等街道元素，以获得更身临其境的体验。利用动态照明模拟昼夜循环，并实现基本的摄像头控制，让用户从不同角度探索充满活力的城市景观。

得到如下效果。

怎么样，还原度是不是很高！

重新生成的效果中，细节比前一版本丰富了不少，包括各种椅子、红绿灯、行人等，甚至红绿灯还在交错变化！

生成游戏

之前我们多次让 DeepSeek-R1 和 Grok3 等生成贪吃蛇游戏。

我们直接把难度提升一个级别，让 Claude 3.7 给我写一个俄罗斯方块的游戏。

我们先找个经典的游戏机样式，然后截图丢给 Claude 3.7，让它生成俄罗斯方块游戏。

一分钟后，我就愉快的玩起了游戏。。

怎么样！

不管你服不服，反正我是服了。

当然并不是所有效果我都重现出来了，比如我挑战失败的就有两个项目。

一个是网上有人发了一个生成虚拟博物馆的视频。

我看了半天不知道咋复现。。

两个小技巧

这里分享两个帮我们更好使用 Claude 3.7 的小技巧。

1. 在提出需求时，最好给出参考案例，这能大大提高产出效果。
   比较明显的对比例子就是本文中生成 3D 城市的两个效果。两者要求完全一致，唯一的区别是后者多传了一张参考图片。
2. 对于较难实现的需求，可以让 Claude 3.7 分多次输出，以免因上下文长度限制导致失败。

好了，今天的分享就到这了。

不知道你注意到没有，自从 DeepSeek-R1 发布后，AI 发展的速度是越来越快了，反正我折服了。

哎，再过一两年，不知道 AI 会发展到什么程度，就不晓得是带来更多的就业还是失业了。