我用 Claude Sonnet 和 DeepSeek R1 開發一個同樣的工具,看誰更厲害!
先給 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。但是國產大模型,任重而道遠。



































