字節悄悄上新豆包Coding模型，我在Claude Code用它看圖復刻網頁

離2026還有不到60天了，

GPT5.1疑似在OpenRouter上線了，跳票快一個月的Gemini3又畫餅說這個月出，馬斯克的Grok Code Fast 1一度成為了最近一個月Token使用量最多的模型，MiniMax M2是下半年我最沒想到會跑出來的AI編程大黑馬，GLM4.6，Kimi K2 Thinking和Qwen3系快把我Claude Code里默認模型的名額都占滿了，

在這樣的一個更新頻率下，

就我真的很難相信Claude Sonnet 4.5是一個九月30號新推出的模型。

所以今天，推出兩個月不到的Claude Sonnet 4.5又遇到新對手了，

還是我們熟悉的豆包，

Doubao-Seed-Code

這幾天我也靠著面子果實拿到了內測，

想讓大家第一時間看看豆包版Claude Code的編程水平怎么樣，這次更新的Doubao-Seed-Code是支持圖像模式的，玩法也會更多，可以做UI復刻，草圖網頁生成等等等等。

這次用的提示語，生成的代碼和效果都整理成文檔了，公眾號回復“豆包編程”就好啦。

這次我們直接上正餐，

先不限制豆包，讓它做一個雙十一商品搶購的前端網頁，

生成一個雙十一咖啡大促的網頁，網頁使用綠黑色配色, 參考 Spotify 官網風格。

Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block.

因為不想Claude Code做出來的網頁都是藍綠配色，我這里是開了聯網的后直接指定喜歡的產品色系搭配，

豆包做出來的這個頁面是一個經典的Hero布局，從上到下滑動每一幕是有視覺層級的，一開始是音樂播放器同款的首頁和大標題，優惠額度，咖啡的詳細信息使用了卡片+按鈕設計，在頁腳的時候也留下了各種次級鏈接。

這次我用的提示語里會有固定的英文后綴，

對于這類需要快速出頁面設計結果的提示語來說，效果提升還蠻大的，

這個是沒加的效果，

很明顯卡片互動的效果就沒那么好。

接下來就直接把難度拉起來，

讓豆包復刻figma上的模版，先試試看不給它任何可以用的圖片素材，

因為支持圖片模型，在Claude Code里面可以粘貼復制好的圖片，

搭配GoFullPage使用就不需要手動拼接截圖，存到本地，再在cursor里@圖片這一堆操作了

提示語簡單到甚至有點粗糙，

Create me a Clone of [Image # 1]

可以確定的是豆包這次編程升級后是真會畫SVG，硬生生造了一座山，

整體的架子是有復刻下來的，頂部導航欄（左側Logo、中間鏈接、右側按鈕）、主標題（Browse everything.）和下方的主視覺區域，這三個模塊豆包都復現了。雖然沒有圖像素材，但豆包還是盡可能理解了這個頭圖，甚至還模仿了原圖中的數據點，在它的SVG山峰上加了點星星。

挑毛病的話就是字體，原版用的是襯線體，豆包用的是非襯線體，還有主題色綠色一個是嫩綠一個是橄欖綠。

那我嘗試一下火力全開，在執行的目錄上加上對應的圖片素材，還用上plan mode的話（在claude code按shift+tab切換），深思熟慮后的豆包會不會給我多點驚喜，

肉眼可見就是復刻頭圖的SVG更加精細了，文字，折線，時間軸都復刻下來了，

做出來的嵌套層級頁更準確，剛剛還是用的白框當邊界，現在已經可以理解圖片是放在類似ipad的框再疊加在綠色背景上的，而且頂部的菜單和按鈕現在和原版有90%像了，沒有漏字錯字。

雖然沒有用上我發的圖片素材，但是質感真的又提升了不少，就是用plan mode的話運行時間會超級加倍。

按照慣例，

這時候網頁這一趴已經測試差不多了，

還是要看看豆包在別的部分表現怎么樣的，這次我用到的是游戲類和3D類，為了不要視覺疲勞，我多加了兩個新case，但又為了兼顧大家可以跟別的模型做一個快速對比，我還留了兩個經典cases，

編寫一個經典的掃雷游戲要求：禁止使用任何改變應用結構或組件化范式的 JavaScript 框架/庫（例如：React, Vue, Angular）。可以cdn引用第三方庫以滿足題目要求，如Three.js，p5js。最終產物必須是純粹的 HTML、CSS 和 JS 文件。如果需要創建多個文件（HTML/CSS/JS），請確保所有文件引用均使用相對路徑。所有文件需要保存在當前目錄下

掃雷也是個老游戲了，中學電腦課上玩沒網的電腦就只能玩掃雷和蜘蛛紙牌，

我基本上5步內就g了，就還挺好奇有沒有什么快速公式可以排雷的。

Build a complex Snake game in JavaScript with power-ups, multiple levels, and score tracking UI.

貪吃蛇就是一個比較經典的測試cases，主要是看模型在實現的過程中有沒有把積分，關卡，蛇的長度都算進去，蛇碰到自己或者碰到墻壁后會不會Game Over也可以測出來模型對物理碰撞的理解，

我這里還有一個提示語，我覺得是在3D飛行棋和3D臺球難度下面一點，3D貪吃蛇難度上面一點的定位，是可以用來測模型上限的。

Generate full HTML file of a clone of Geometry Dash, but if it was made in the 2000s, add music to levels (make the music using JS varied music that reflect levels) same physics as Geometry Dash game we want a full playable game. All in one HTML file, minimum 1k lines

輪到3D部分，比起游戲那一趴更多是看物理規律，比方說讓小球圍著六邊形轉，汽車碰撞，大象燒瓶等都屬于3D類，每次我分開測評的時候都有蠻多朋友問我這個問題的，所以這里我也分享一下我的理解。

3D模擬，一個由彈力球組成的正方體漂浮在半空中，從正方體最下一層慢慢塌方，注意是，一層一層塌方，小球落在桌子上彈起來，直到靜止，模擬整個塌方過程，整個過程符合物理規律，效果要酷炫，整個環境要盡量逼近真實，在單個HTML中實現

這個case里面豆包還原了層數，正方體和光照陰影，但是沒有塌房效果。

Create a visually stunning, interactive 3D simulation of our Solar System elegantly encapsulated within a single HTML file. Highlight realistic orbital motions, dynamic lighting effects, accurate planetary textures, and smooth camera controls to deliver an immersive experience.

實話實說，豆包在3D模擬上的實力差點，可以做出來建模，但是互動做的不好，

需要我切換成Plan Mode后跑四到五次，平均一次對話5-10輪左右跑出來的效果，

但跟其他模型對比，低價的圖片模式還是有點香的，搭配Claud-code-router后可以切換不同的模型，

屬于是我會留下來自用的。

最后的最后，

我帶著開通API Key的文檔來了

https://www.volcengine.com/docs/82379/1925114

Claude Code我估計現在已經人手一個了，安裝教程也已經被簡化很多次了，

就算是從零開始也就老三樣，安裝nodejs，安裝claude code，接入豆包，

選好linux，mac還是wins安裝nodejs

nodejs.org/en/download

然后就是進入到你想要編程的目錄，打開命令行終端，按順序執行，

claude

這個是mac的操作教程，我嘗試讓豆包直接幫我翻譯成其他操作的系統的命令，也是沒問題的。

看到這里就安裝好了。

用Claude Code用的多了，還可以嘗試看看設置幾個用得多的快捷名

source ~/.zshrc

這樣在項目啟動Claude Code的時候，就可以用cc正常啟動，ccd就是YOLO模式，模型會自動批準自己提出的所有操作，ccp的權限更強，你直接可以不看命令行界面等著收代碼了。

今天火山引擎還發布了Coding Plan，我主打的一個就是第一個月的羊毛先薅薅

寫到結尾，

仔細想想，我是什么時候開始覺得豆包能用來編程的呢？

可能是豆包的AI瀏覽器，

也可能是前段時間豆包上的編程模式，

豆包的天然優勢就是國民度真的很高，

我侄子都經常拿著豆包對話聊天，

夸張點說，

使用門檻約等于零，

如果這次Doubao-Seed-Code可以上架的話，

我想，身邊會有更多的人能體驗上，

用上好用的AI編程模型，

去 do something，

do anything，

還蠻酷的。

@ 作者 / 卡爾

最后，感謝你看到這里如果喜歡這篇文章，不妨順手給我們點贊｜在看｜轉發｜評論

如果想要第一時間收到推送，不妨給我個星標

更多的內容正在不斷填坑中……