国产av一二三区|日本不卡动作网站|黄色天天久久影片|99草成人免费在线视频|AV三级片成人电影在线|成年人aV不卡免费播放|日韩无码成人一级片视频|人人看人人玩开心色AV|人妻系列在线观看|亚洲av无码一区二区三区在线播放

網(wǎng)易首頁 > 網(wǎng)易號 > 正文 申請入駐

字節(jié)悄悄上新豆包Coding模型,我在Claude Code用它看圖復(fù)刻網(wǎng)頁

0
分享至

離2026還有不到60天了,

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


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

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

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

還是我們熟悉的豆包,

Doubao-Seed-Code


這幾天我也靠著面子果實拿到了內(nèi)測,

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

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

這次我們直接上正餐,

先不限制豆包,讓它做一個雙十一商品搶購的前端網(wǎng)頁,

生成一個雙十一咖啡大促的網(wǎng)頁,網(wǎng)頁使用綠黑色配色, 參考 Spotify 官網(wǎng)風(fēng)格。

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做出來的網(wǎng)頁都是藍(lán)綠配色,我這里是開了聯(lián)網(wǎng)的后直接指定喜歡的產(chǎn)品色系搭配,

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

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

對于這類需要快速出頁面設(shè)計結(jié)果的提示語來說,效果提升還蠻大的,

這個是沒加的效果,

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

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

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

因為支持圖片模型,在Claude Code里面可以粘貼復(fù)制好的圖片,

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


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

Create me a Clone of [Image # 1]

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

整體的架子是有復(fù)刻下來的,頂部導(dǎo)航欄(左側(cè)Logo、中間鏈接、右側(cè)按鈕)、主標(biāo)題(Browse everything.)和下方的主視覺區(qū)域,這三個模塊豆包都復(fù)現(xiàn)了。雖然沒有圖像素材,但豆包還是盡可能理解了這個頭圖,甚至還模仿了原圖中的數(shù)據(jù)點,在它的SVG山峰上加了點星星。

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



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


肉眼可見就是復(fù)刻頭圖的SVG更加精細(xì)了,文字,折線,時間軸都復(fù)刻下來了,

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

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

按照慣例,

這時候網(wǎng)頁這一趴已經(jīng)測試差不多了,

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

編寫一個經(jīng)典的掃雷游戲要求:禁止使用任何改變應(yīng)用結(jié)構(gòu)或組件化范式的 JavaScript 框架/庫(例如:React, Vue, Angular)??梢詂dn引用第三方庫以滿足題目要求,如Three.js,p5js。最終產(chǎn)物必須是純粹的 HTML、CSS 和 JS 文件。如果需要創(chuàng)建多個文件(HTML/CSS/JS),請確保所有文件引用均使用相對路徑。所有文件需要保存在當(dāng)前目錄下

掃雷也是個老游戲了,中學(xué)電腦課上玩沒網(wǎng)的電腦就只能玩掃雷和蜘蛛紙牌,

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

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

貪吃蛇就是一個比較經(jīng)典的測試cases,主要是看模型在實現(xiàn)的過程中有沒有把積分,關(guān)卡,蛇的長度都算進(jìn)去,蛇碰到自己或者碰到墻壁后會不會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部分,比起游戲那一趴更多是看物理規(guī)律,比方說讓小球圍著六邊形轉(zhuǎn),汽車碰撞,大象燒瓶等都屬于3D類,每次我分開測評的時候都有蠻多朋友問我這個問題的,所以這里我也分享一下我的理解。

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

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

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后可以切換不同的模型,

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

最后的最后,

我?guī)е_通API Key的文檔來了

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

Claude Code我估計現(xiàn)在已經(jīng)人手一個了,安裝教程也已經(jīng)被簡化很多次了,

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

選好linux,mac還是wins安裝nodejs

nodejs.org/en/download


然后就是進(jìn)入到你想要編程的目錄,打開命令行終端,按順序執(zhí)行,

claude

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


看到這里就安裝好了。


用Claude Code用的多了,還可以嘗試看看設(shè)置幾個用得多的快捷名

source ~/.zshrc

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

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


寫到結(jié)尾,

仔細(xì)想想,我是什么時候開始覺得豆包能用來編程的呢?

可能是豆包的AI瀏覽器,

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

豆包的天然優(yōu)勢就是國民度真的很高,

我侄子都經(jīng)常拿著豆包對話聊天,

夸張點說,

使用門檻約等于零,

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

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

用上好用的AI編程模型,

去 do something,

do anything,

還蠻酷的。

@ 作者 / 卡爾

最后,感謝你看到這里如果喜歡這篇文章,不妨順手給我們點贊|在看|轉(zhuǎn)發(fā)|評論

如果想要第一時間收到推送,不妨給我個星標(biāo)

更多的內(nèi)容正在不斷填坑中……


特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相關(guān)推薦
熱點推薦
驚曝:廣東東莞知名萬人玩具大廠,本月開始停工停產(chǎn)2個月...

驚曝:廣東東莞知名萬人玩具大廠,本月開始停工停產(chǎn)2個月...

微微熱評
2025-12-25 00:37:01
山東8名公安局長落馬榜:有人跨省高升終落網(wǎng),有人護(hù)黑護(hù)成無期囚

山東8名公安局長落馬榜:有人跨省高升終落網(wǎng),有人護(hù)黑護(hù)成無期囚

濟(jì)寧人
2025-12-25 08:21:01
1986年陳永貴病逝后,追悼會規(guī)格引起爭議,鄧小平一句話最終定調(diào)

1986年陳永貴病逝后,追悼會規(guī)格引起爭議,鄧小平一句話最終定調(diào)

寄史言志
2025-12-19 15:28:23
93歲向華炎病逝:書生掌10萬黑幫半世紀(jì),江湖傳奇終落幕

93歲向華炎病逝:書生掌10萬黑幫半世紀(jì),江湖傳奇終落幕

星辰夜語
2025-12-24 20:11:35
尷尬!龐叔令稱央視《文明之旅》出現(xiàn)的龐戎,與南潯虛齋龐氏無關(guān)

尷尬!龐叔令稱央視《文明之旅》出現(xiàn)的龐戎,與南潯虛齋龐氏無關(guān)

火山詩話
2025-12-24 15:32:49
大量“洋垃圾”小主機流入閑魚!能用9代標(biāo)壓U,準(zhǔn)系統(tǒng)275元

大量“洋垃圾”小主機流入閑魚!能用9代標(biāo)壓U,準(zhǔn)系統(tǒng)275元

閑搞機
2025-12-25 11:06:11
罰款1美元,發(fā)還560億美元:特拉華法院給馬斯克上“最貴一課”

罰款1美元,發(fā)還560億美元:特拉華法院給馬斯克上“最貴一課”

北京公司金融律師張?zhí)?/span>
2025-12-24 12:56:43
臺最新民調(diào)出爐,國民黨支持率暴跌;侯友宜會見日本議員,露餡了

臺最新民調(diào)出爐,國民黨支持率暴跌;侯友宜會見日本議員,露餡了

半路友人之他
2025-12-25 11:08:36
毛人鳳 1956 年臺北暴斃,喪期未結(jié)束,妻向影心入住俞濟(jì)時家中

毛人鳳 1956 年臺北暴斃,喪期未結(jié)束,妻向影心入住俞濟(jì)時家中

嘮叨說歷史
2025-12-24 16:26:23
泰軍端掉電詐呼叫中心,繳獲千萬現(xiàn)金黃金,網(wǎng)友沸騰

泰軍端掉電詐呼叫中心,繳獲千萬現(xiàn)金黃金,網(wǎng)友沸騰

胡嚴(yán)亂語
2025-12-23 15:47:01
太諷刺!龐家無償捐4700平米祖宅,院長雙謊被戳穿,省多部門介入

太諷刺!龐家無償捐4700平米祖宅,院長雙謊被戳穿,省多部門介入

好賢觀史記
2025-12-23 18:14:27
活久見!南博前院長的民國別墅門前,已悄然成了南京市熱門打卡點

活久見!南博前院長的民國別墅門前,已悄然成了南京市熱門打卡點

火山詩話
2025-12-25 10:03:49
韋太后被俘虜時正風(fēng)韻猶存,在金國待了15年,金國士兵怎能放過她

韋太后被俘虜時正風(fēng)韻猶存,在金國待了15年,金國士兵怎能放過她

銘記歷史呀
2025-12-24 19:04:39
切爾西的痛:26歲菲利克斯19場造22球,進(jìn)球數(shù)壓C羅+領(lǐng)跑射手榜

切爾西的痛:26歲菲利克斯19場造22球,進(jìn)球數(shù)壓C羅+領(lǐng)跑射手榜

側(cè)身凌空斬
2025-12-25 09:16:07
美媒:爵士拒絕交易1.2億美元的凱斯勒讓湖人躲過一劫

美媒:爵士拒絕交易1.2億美元的凱斯勒讓湖人躲過一劫

懂球帝
2025-12-25 11:38:08
1971年外賓順走國寶九龍杯,周總理一招讓他掏出來,全場鼓掌叫好

1971年外賓順走國寶九龍杯,周總理一招讓他掏出來,全場鼓掌叫好

宅家伍菇?jīng)?/span>
2025-12-22 09:00:03
胖東來新店試營業(yè),首日銷售額突破千萬

胖東來新店試營業(yè),首日銷售額突破千萬

河南交通廣播1041
2025-12-25 09:12:05
多換一!NBA最脆玻璃人!培養(yǎng)八年才舍得交易

多換一!NBA最脆玻璃人!培養(yǎng)八年才舍得交易

籃球教學(xué)論壇
2025-12-25 13:26:31
解碼冰雪經(jīng)濟(jì)新動能|冰雪課堂如何成為“消費新寵”?

解碼冰雪經(jīng)濟(jì)新動能|冰雪課堂如何成為“消費新寵”?

新華社
2025-12-24 12:56:42
柬埔寨提四個?;饤l件,泰國談了30分鐘便退場,中美說話都不好使

柬埔寨提四個?;饤l件,泰國談了30分鐘便退場,中美說話都不好使

樂天閑聊
2025-12-25 10:43:53
2025-12-25 14:23:00
卡爾的AI沃茨 incentive-icons
卡爾的AI沃茨
前大廠算法工程師,3家科技公司技術(shù)總監(jiān)|致力打造最系統(tǒng)的Al學(xué)習(xí)體系,讓1萬人通過Al提高生產(chǎn)力
183文章數(shù) 62關(guān)注度
往期回顧 全部

科技要聞

屠龍少年被"招安"!英偉達(dá)平安夜豪擲200億

頭條要聞

女子入室殺害好友三名未成年子女 隨后在樓內(nèi)上吊自殺

頭條要聞

女子入室殺害好友三名未成年子女 隨后在樓內(nèi)上吊自殺

體育要聞

單賽季11冠,羽壇“安洗瑩時代”真的來了

娛樂要聞

金莎小19歲男友求婚成功!兩人雪地?fù)砦?/h3>

財經(jīng)要聞

美國未來18個月不對中國芯片加額外關(guān)稅

汽車要聞

預(yù)售31.3萬元起 全新奧迪Q5L將于1月內(nèi)上市

態(tài)度原創(chuàng)

藝術(shù)
家居
教育
健康
時尚

藝術(shù)要聞

緬懷 | 著名油畫家宮立龍逝世,享年73歲

家居要聞

經(jīng)典彌新 品味浪漫居所

教育要聞

小初銜接6周打卡火熱進(jìn)行中!數(shù)百家庭已加入,真實反饋+完整課表揭秘!

這些新療法,讓化療不再那么痛苦

對不起周柯宇,是陳靖可先來的

無障礙瀏覽 進(jìn)入關(guān)懷版