我用 Claude Sonnet 和 DeepSeek R1 开发一个同样的工具，看谁更厉害！

vwerg264f

先给 DeepSeek 泼一盆冷水，DeepSeek 在编程能力上和 Claude Sonnet 还是差了一大截的。
下面有使用 Sonnet 3.5 和 DeepSeek R1 配合 Trae 实现一个推文生成图片卡片小插件的过程，功能虽小，但还是能看出差距的。
这两天 Trae 不是推出了国内版吗 （https://www.trae.com.cn/）， 搭载豆包和 DeepSeek 大模型，因为之前 Trae 国际版是支持 Claude Sonnet 的，最开始是 3.5，后来 Claude 升级了 3.7，隔了一天 Trae 就跟进了，而且也是完全免费的。
虽说 Claude Sonnet 的编程能力是公认的强，但是国内想要用的话，还要上一些额外的手段的。这就导致了 Trae 虽然推出很久了，但是还是有很多人没有体验过。
接着这次 Trae 推出了国内版，我就想着试试看 DeepSeek 的编程能力怎么样。之前虽然 DeepSeek 火的一塌糊涂，但是只是用在非编程场景下。
前些 Trae 初体验了Trae 国际版，用 Claude Sonnet 3.5 写了一个将推特推文转为图片的插件，那篇文章只简单输入了两个指令，就生成了一个简单插件，但是只能算是 Demo。
Trae + Claude Sonnet

后来，我又给它丰富了一下，全程在Trae 中用自然语言 + Claude Sonnet 3.5 实现的，下面是完整的生成过程，嫌图片太长的可以跳过直接看后面。
过程中有两次是人为干预比较明显的，剩下的都是靠它自己。
第一次就是生成的图片有点儿失真，因为是用 Canvas 方式做的，我提示它用 html-to-image 实现。 第二次就是将推文中原本的“翻译”按钮去掉，得告诉它具体的html元素，不过，这也不能怪它，毕竟每个网页都是不一样的，没有统一标准。
图片
整个过程大概 20多分钟吧，效果就实现了。
首先是在每条推文的右下角添加了一个小图标，这个位置是Claude Sonnet 自己选的，我觉得这个位置选的非常不错，只不过图标当时是不太好看的，我后来换了一个。 就是下面这个效果。
图片
然后点击这个小图标，会把当前推文转成一张小卡片，另外还给图片加了个边框效果，在10种随机的蓝色渐变中选一个。
最终效果如下，是不是还不错的感觉。
图片

Trae + DeepSeek-R1

这次在 Trae 上使用 DeepSeek-R1 ，我就想把这个小功能重新实现一下，这样两相对比，不就能看出差距了吗。
第一条prompt 和 使用Claude Sonnet 是一模一样的

实现一个浏览器插件，要求用纯原生的方式实现，不用 TS react 这些，插件的功能是在推特的每一条推文下添加一个小图标按钮，点击按钮会将当前的推文（包括作者、头像、内容、点赞、收藏、评论数）转为一张简洁美观的图片

生成之后，第一次运行，图标放在了推文右上角的位置，图标是自己生成的，也挺好的，没什么问题。
图片
但是一点击出现了一个小错误 ctx.fillRoundRect is not a function。
接下来，继续输入提示词：

图标出现了，但是提示 ctx.fillRoundRect is not a function

然后它又修改了一些代码，改完后发现可以了。而且还把评、转发、点赞给加了图标了。
但是生成的图片只有文字，没有图片，而且背景是墨色的。

然后又输入提示词：

现在有两个问题，1. 生成的图片只有推文中的文字，没有图片 2. 背景色要用当前推文默认的背景色

图片可以正常生成了，但是底色有问题。
图片
这些问题其实在 Claude Sonnet 中也碰到了，但是通过进一步提示都解决了。
然而在 DeepSeek 下，经过一番折腾，真的是一番折腾，边框怎么加都有问题。最后我选择了回退功能。回退到了效果最好的版本，就是白底没边框的。
图片
同样的提示程度下，Claude Sonnet 是可以理解的。下面就是最后的效果图
图片
本来我还想把最后因为边框的问题来回拉扯的过程拿出来分享一下，但是 Trae 的回退功能的设计感觉有点问题，使用了回退功能后，在回退节点之后的聊天记录都没有了。
但是只看添加背景前的过程已经能说明问题了，不能说 DeepSeek 不好，只能说还不够强大。
图片

最后

支持国产，支持 DeepSeek。但是国产大模型，任重而道远。