2026年Claude 3.7 Sonnet 前端测评，一个简单的测试对比各大模型的编程及审美能力

科技前沿 • 2026-03-09 15:38 • 阅读 1

大家好，我是讯享网，很高兴认识大家。

大家好！

最近几个海外大厂的大模型陆续发布，从 Gemini 2.0、Grok 3、ChatGPT4.5 等，然而在试用了各个模型后，我却只想吹 Claude 3.7 Sonnet ，最近这两天 Manus 爆火，盲猜背后也用了不少这个模型！

大家都知道 Anthropic 公司的 Claude 一直都是以文笔、编程能力著称，看测评，似乎本次升级没有太大的亮点，仅在数学能力上有显著的提升，但经过实测，我发现 Claude 3.7 Sonnet 在编程能力上进化了不止一点点，尤其是前端的审美，简直令人惊叹！本文将从一个简单的例子来比较各大厂商模型的前端审美能力。

如果你也想体验 Claude 3.7 Sonnet ，可以看我这篇帖子。

AI大法师：Claude 3.7 Sonnet 超简单使用教程，高效、便捷、无并发限制，国内直联！

我们用一组提示词来画一个天气预告前端，让各大模型厂商都来跑一下结果，为了控制变量，我们每个模型只跑一次，且不对提示词做任何优化，直接出图，提示词如下：

Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.

首先登场的是 Claude 3.7 Sonnet，可以看到效果还不错，接下来我们看看其他模型的表现