【一手實(shí)測(cè)】字節(jié)豆包 1.6 + Trae + 火山 MCP + FaaS:AI云原生 Agent 開發(fā)部署全流程體驗(yàn)!
緣起 ——
火山引擎在 2025 原動(dòng)力大會(huì)上,也端出了自家的豆包大模型:Doubao-Seed-1.6 系列。
這三兄弟都支持文本、圖片、視頻輸入,都帶著 256K 的長(zhǎng)上下文。
豆包三劍客
Doubao-Seed-1.6-thinking,這是火山目前最強(qiáng)的思考模型,在編碼、數(shù)學(xué)、邏輯推理這些基礎(chǔ)能力上又進(jìn)了一步。它的思考模式是強(qiáng)制開啟的,關(guān)不掉。
然后是 Doubao-Seed-1.6,All-in-One 的綜合模型,是國內(nèi)首個(gè)支持256K 上下文的思考模型,支持深度思考、多模態(tài)理解、圖形界面操作等多項(xiàng)能力。
此外,你給它一段文字或圖片描述,它能直接給你生成高質(zhì)量的前端頁面,樣式還挺精美(我們后文用它做網(wǎng)站、構(gòu)建Agent)。
最后是 Doubao-Seed-1.6-flash,主打一個(gè)字:快。TPOT 只要 10ms,延遲極低,適用于對(duì)速度要求高的場(chǎng)景。
Doubao 1.6 設(shè)計(jì)一個(gè)落地頁?我給它喂了一份"超綱"需求
前段時(shí)間,在優(yōu)化公眾號(hào)文章排版,積累了些經(jīng)驗(yàn)。我想把這些想法、經(jīng)驗(yàn)轉(zhuǎn)化成一個(gè)產(chǎn)品原型,同時(shí)測(cè)試一下這些AI。
這玩意兒是個(gè)"AI 智能排版增強(qiáng)服務(wù)",專門給內(nèi)容創(chuàng)作者用的。
我想看看,現(xiàn)在的 AI,能不能幫我設(shè)計(jì)一個(gè)高轉(zhuǎn)化率的落地頁。
于是,我沒跟它客氣,直接扔過去一份堪稱"變態(tài)級(jí)"的設(shè)計(jì)需求文檔。
設(shè)計(jì)需求
從【導(dǎo)航欄】到【主視覺區(qū)】,每個(gè)細(xì)節(jié)都得安排得明明白白。主視覺,我要求它搞個(gè)特有沖擊力的"Before & After"對(duì)比動(dòng)畫,要那種"魔法般"的轉(zhuǎn)變效果,讓用戶一眼就看到產(chǎn)品的價(jià)值。然后是【社會(huì)認(rèn)同】,得有 logo 墻,告訴大家"超過 1000+ 創(chuàng)作者和 50+ 新媒體團(tuán)隊(duì)都在用"。
核心功能,我讓它用卡片網(wǎng)格布局展示三個(gè)點(diǎn):
- 能讀懂你:不光排版,還能修正語法、理順句子,但保留你的個(gè)人風(fēng)格。
- 專屬設(shè)計(jì)師:一鍵應(yīng)用各種風(fēng)格模板,或者直接跟 AI 說你想要的"感覺"。
- 讓圖片講故事:自動(dòng)處理圖片,加圓角、陰影,智能推薦圖注、加入SVG等等。
工作流程,我讓它設(shè)計(jì)成"三步,見證奇跡":粘貼初稿 -> 選擇風(fēng)格 -> 一鍵復(fù)制。
我還給 AI 提了更"玄學(xué)"的要求。
我讓它把這個(gè)落地頁,構(gòu)想成一個(gè) 有空間意境 的地方,比如"深夜的靈感閣樓"、"充滿活力的創(chuàng)意工坊",整體氛圍要"神秘并激發(fā)好奇,簡(jiǎn)約卻不失格調(diào)"。交互體驗(yàn),要像"與一位有趣的靈魂對(duì)話"或者"翻閱一本精心編排的互動(dòng)書籍"。
我喜歡 玄學(xué)。我想讓ai自己發(fā)揮,就像以前的AI自己決策思考提示詞一樣。
布局邏輯,我給了它"主題島嶼式"、"時(shí)間軸式"、"儀表盤式"這些選項(xiàng)。
動(dòng)效設(shè)計(jì),我也沒放過。板塊過渡要像"電影膠片切換"或者"水墨在宣紙上暈開",交互反饋要清晰明確,信息強(qiáng)調(diào)要用"微妙的脈沖效果"或者"呼吸燈動(dòng)畫"。
基本上,我把一個(gè)資深產(chǎn)品經(jīng)理+設(shè)計(jì)師+前端工程師可能要思考的所有東西,都?jí)嚎s成了一份指令,一股腦兒地喂給了 AI。我想看看,它到底能消化多少,又能給我?guī)碓鯓拥捏@喜。
在火山引擎:???https://exp.volcengine.com/ark?model=doubao-seed-1-6-250615??,這里我們選擇Doubao-Seed-1.6來試試。
打開canvas模式,把提示詞輸給他,先通過生成單個(gè)Html網(wǎng)頁來實(shí)現(xiàn)。
canvas模式
效果非常不錯(cuò),你能想到通過一個(gè)提示詞,就能把你的想法變成了現(xiàn)實(shí)嗎:
生成效果
不過,通過單個(gè)htm實(shí)現(xiàn)的網(wǎng)頁,在某些點(diǎn)擊、動(dòng)效等等還是比不上現(xiàn)代化Web開發(fā)框架。
所以我用Trae + Doubao-Seed-1.6 + Next.js + Shadcn UI 重寫了一遍。這并不難,先初始化 Next.js框架(如下命令)得到項(xiàng)目文件夾:
緣起 ——火山引擎在 2025 原動(dòng)力大會(huì)上,也端出了自家的豆包大模型:Doubao-Seed-1.6 系列。這三兄弟都支持文本、圖片、視頻輸入,都帶著 256K 的長(zhǎng)上下文。Doubao-Seed-1.6-thinking,這是火山目前最強(qiáng)的思考模型,在編碼、數(shù)學(xué)、邏輯推理這些基礎(chǔ)能力上又進(jìn)了一步。它的思考模式是強(qiáng)制開啟的,關(guān)不掉。然后是 Doubao-Seed-1.6,All-in-One 的綜合模型,是國內(nèi)首個(gè)支持256K 上下文的思考模型,支持深度思考、多模態(tài)理解、圖形界面操作等多項(xiàng)能力。
此外,你給它一段文字或圖片描述,它能直接給你生成高質(zhì)量的前端頁面,樣式還挺精美(我們后文用它做網(wǎng)站、構(gòu)建Agent)。最后是 Doubao-Seed-1.6-flash,主打一個(gè)字:快。TPOT 只要 10ms,延遲極低,適用于對(duì)速度要求高的場(chǎng)景。Doubao 1.6 設(shè)計(jì)一個(gè)落地頁?我給它喂了一份"超綱"需求前段時(shí)間,在優(yōu)化公眾號(hào)文章排版,積累了些經(jīng)驗(yàn)。我想把這些想法、經(jīng)驗(yàn)轉(zhuǎn)化成一個(gè)產(chǎn)品原型,同時(shí)測(cè)試一下這些AI。這玩意兒是個(gè)"AI 智能排版增強(qiáng)服務(wù)",專門給內(nèi)容創(chuàng)作者用的。我想看看,現(xiàn)在的 AI,能不能幫我設(shè)計(jì)一個(gè)高轉(zhuǎn)化率的落地頁。于是,我沒跟它客氣,直接扔過去一份堪稱"變態(tài)級(jí)"的設(shè)計(jì)需求文檔。Before After魔法般的轉(zhuǎn)變從【導(dǎo)航欄】到【主視覺區(qū)】,每個(gè)細(xì)節(jié)都得安排得明明白白。主視覺,我要求它搞個(gè)特有沖擊力的"Before & After"對(duì)比動(dòng)畫,要那種"魔法般"的轉(zhuǎn)變效果,讓用戶一眼就看到產(chǎn)品的價(jià)值。然后是【社會(huì)認(rèn)同】,得有 logo 墻,告訴大家"超過 1000+ 創(chuàng)作者和 50+ 新媒體團(tuán)隊(duì)都在用"。核心功能,我讓它用卡片網(wǎng)格布局展示三個(gè)點(diǎn):能讀懂你:不光排版,還能修正語法、理順句子,但保留你的個(gè)人風(fēng)格。專屬設(shè)計(jì)師:一鍵應(yīng)用各種風(fēng)格模板,或者直接跟 AI 說你想要的"感覺"。讓圖片講故事:自動(dòng)處理圖片,加圓角、陰影,智能推薦圖注、加入SVG等等。工作流程,我讓它設(shè)計(jì)成"三步,見證奇跡":粘貼初稿 -> 選擇風(fēng)格 -> 一鍵復(fù)制。我還給 AI 提了更"玄學(xué)"的要求。我讓它把這個(gè)落地頁,構(gòu)想成一個(gè) 有空間意境 的地方,比如"深夜的靈感閣樓"、"充滿活力的創(chuàng)意工坊",整體氛圍要"神秘并激發(fā)好奇,簡(jiǎn)約卻不失格調(diào)"。交互體驗(yàn),要像"與一位有趣的靈魂對(duì)話"或者"翻閱一本精心編排的互動(dòng)書籍"。我喜歡 玄學(xué)。我想讓ai自己發(fā)揮,就像以前的AI自己決策思考提示詞一樣。靈感閣樓創(chuàng)意工坊玄學(xué)空間意境布局邏輯,我給了它"主題島嶼式"、"時(shí)間軸式"、"儀表盤式"這些選項(xiàng)。動(dòng)效設(shè)計(jì),我也沒放過。板塊過渡要像"電影膠片切換"或者"水墨在宣紙上暈開",交互反饋要清晰明確,信息強(qiáng)調(diào)要用"微妙的脈沖效果"或者"呼吸燈動(dòng)畫"。基本上,我把一個(gè)資深產(chǎn)品經(jīng)理+設(shè)計(jì)師+前端工程師可能要思考的所有東西,都?jí)嚎s成了一份指令,一股腦兒地喂給了 AI。我想看看,它到底能消化多少,又能給我?guī)碓鯓拥捏@喜。在火山引擎:https://exp.volcengine.com/ark?model=doubao-seed-1-6-250615,這里我們選擇Doubao-Seed-1.6來試試。打開canvas模式,把提示詞輸給他,先通過生成單個(gè)Html網(wǎng)頁來實(shí)現(xiàn)。效果非常不錯(cuò),你能想到通過一個(gè)提示詞,就能把你的想法變成了現(xiàn)實(shí)嗎:不過,通過單個(gè)htm實(shí)現(xiàn)的網(wǎng)頁,在某些點(diǎn)擊、動(dòng)效等等還是比不上現(xiàn)代化Web開發(fā)框架。所以我用Trae + Doubao-Seed-1.6 + Next.js + Shadcn UI 重寫了一遍。這并不難,先初始化 Next.js框架(如下命令)得到項(xiàng)目文件夾:npx create-next-app@latest FinalTouch-AI --ts --tailwind --eslint --src-dir --app --import-alias "@/*" -y && cd my-app && npx shadcn-ui@latest init -y && npx shadcn-ui@latest add all -y 接著用Trae(因?yàn)樯暇€了1.6)打開這個(gè)文件夾再輸入上面的提示詞。效果如下: 已關(guān)注 關(guān)注 重播 分享 贊 關(guān)閉觀看更多更多退出全屏切換到豎屏全屏退出全屏AI進(jìn)修生已關(guān)注分享視頻,時(shí)長(zhǎng)00:240/000:00/00:24 切換到橫屏模式 繼續(xù)播放進(jìn)度條,百分之0播放00:00/00:2400:24全屏 倍速播放中 0.5倍 0.75倍 1.0倍 1.5倍 2.0倍 超清 流暢 您的瀏覽器不支持 video 標(biāo)簽 繼續(xù)觀看 【一手實(shí)測(cè)】字節(jié)豆包 1.6 + Trae + 火山 MCP + FaaS:AI云原生 Agent 開發(fā)部署全流程體驗(yàn)! 觀看更多原創(chuàng),【一手實(shí)測(cè)】字節(jié)豆包 1.6 + Trae + 火山 MCP + FaaS:AI云原生 Agent 開發(fā)部署全流程體驗(yàn)!AI進(jìn)修生已關(guān)注分享點(diǎn)贊在看已同步到看一看寫下你的評(píng)論 視頻詳情 是不是好看、工整、優(yōu)秀的許多?后面我還讓他加入了豆包模型做核心服務(wù)支撐。核心服務(wù)如下:通過AI實(shí)現(xiàn)了文本排版。這一塊的更多細(xì)節(jié),我們以后再單獨(dú)寫。這個(gè)提示詞的構(gòu)建設(shè)計(jì)了許多東西:關(guān)于saas網(wǎng)站如何提高轉(zhuǎn)化率?怎么根據(jù)你一個(gè)想法讓ai來構(gòu)建?讓他自發(fā)的適配更好的風(fēng)格等等...接下來我要介紹一個(gè)更有意思的:AI 云原生正在加速 Agentic AI 時(shí)代的到來工具調(diào)用 模型推理 應(yīng)用部署Trae豆包1.6FaaS火山方舟 MCP全鏈路閉環(huán)開發(fā)范式模塊化組裝,專注業(yè)務(wù)邏輯在 2025 原動(dòng)力大會(huì)上,字節(jié)跳動(dòng)提出了全新的 AI 云原生 Agent 開發(fā)范式:借助 Trae + 火山方舟 MCP + 豆包大模型 + FaaS,開發(fā)者可以實(shí)現(xiàn)從 工具調(diào)用 → 模型推理 → 應(yīng)用部署 的全鏈路閉環(huán),打通了智能 Agent 開發(fā)的完整流程。這一范式的核心,是通過"模塊化組裝"的方式,徹底擺脫過去繁瑣的手動(dòng)集成與開發(fā),真正讓開發(fā)者專注于業(yè)務(wù)邏輯,而非底層細(xì)節(jié)。我們具體來看一下。我想構(gòu)建一個(gè)Agent:你是一個(gè)名為"CityWalk AI Planner"的智能城市漫游助手。你的核心使命是為用戶提供高度個(gè)性化、充滿驚喜、且充分考慮實(shí)時(shí)情況的一日城市漫游(CityWalk)路線規(guī)劃。你不僅是一個(gè)信息聚合器,更是一位懂生活、有品味、善于規(guī)劃的本地向?qū)А⒛阕罱K規(guī)劃好的所有內(nèi)容,構(gòu)思并編程生成一個(gè)【精美的、交互式的單頁HTML網(wǎng)頁】。我們需要使用這幾個(gè)MCP其中 VeFaaS MCP用于前端網(wǎng)頁應(yīng)用部署,比如這個(gè)html做好了之后可以一鍵調(diào)用,發(fā)布到火山引擎。并返回可訪問的鏈接。這樣就可以在一個(gè)IDE里面開發(fā)和部署了,就像以前說Windsurf那個(gè)功能一樣。IDE一鍵部署云端可訪問鏈接這些mcp都是火山引擎云端托管的,配置很簡(jiǎn)單。去火山引擎,安裝步驟如下:注意,你選擇遠(yuǎn)程即可。免費(fèi)。接著我們需要在Trae里面創(chuàng)建一個(gè)Agent(類似于Cursor自定義Agent),可以配置使用哪些工具和MCP,以及提示詞:從提示詞的設(shè)計(jì)可以看出,我們構(gòu)建的并不只是一個(gè)簡(jiǎn)單的旅游問答助手。考慮到 1.6 模型具備 Auto-Think 的能力,我們?cè)谔崾驹~中巧妙加入了大量問號(hào),以此引導(dǎo)模型進(jìn)行更深層次的主動(dòng)思考。這種提示詞設(shè)計(jì),既有明確的結(jié)構(gòu)規(guī)范,也保留了足夠的開放性,目的是激發(fā)模型的"思考本能",而不是僅僅被動(dòng)回答。它更像是在與一個(gè)具備判斷力和意圖感的智能體對(duì)話,而不是傳統(tǒng)的工具式交互。然后我們就直接@剛創(chuàng)建的這個(gè)智能體給需求即可。?? 可上下滑動(dòng)查看完整內(nèi)容效果如下:?? 可上下滑動(dòng)查看完整內(nèi)容case2:西安七日游?? 可上下滑動(dòng)查看完整內(nèi)容case3:新加坡七日游?? 可上下滑動(dòng)查看完整內(nèi)容接著,VeFaaS MCP可以用于前端網(wǎng)頁部署:網(wǎng)頁可以一鍵部署。這樣提示:把這個(gè)html網(wǎng)頁發(fā)布到faas,并返回一個(gè)可訪問鏈接。你可以在火山引擎函數(shù)服務(wù)這里查看:可以看到他部署好的代碼以及連接信息:火山引擎可能也是國內(nèi)第一個(gè)把 MCP 部署搞得這么端到端的云廠商。有了這個(gè)。我們下面的測(cè)評(píng)內(nèi)容,也可以一鍵被其他人訪問。Doubao Seed 1.6 模型測(cè)評(píng)這三個(gè)模型都是支持視頻的。我們可以試試讓他看視頻生成網(wǎng)頁。這是一個(gè)鼠標(biāo)點(diǎn)擊按鈕滑動(dòng)+變色的視頻。 已關(guān)注 關(guān)注 重播 分享 贊 關(guān)閉觀看更多更多退出全屏切換到豎屏全屏退出全屏AI進(jìn)修生已關(guān)注分享視頻,時(shí)長(zhǎng)00:220/000:00/00:22 切換到橫屏模式 繼續(xù)播放進(jìn)度條,百分之0播放00:00/00:2200:22全屏 倍速播放中 0.5倍 0.75倍 1.0倍 1.5倍 2.0倍 超清 流暢 您的瀏覽器不支持 video 標(biāo)簽 繼續(xù)觀看 【一手實(shí)測(cè)】字節(jié)豆包 1.6 + Trae + 火山 MCP + FaaS:AI云原生 Agent 開發(fā)部署全流程體驗(yàn)! 觀看更多轉(zhuǎn)載,【一手實(shí)測(cè)】字節(jié)豆包 1.6 + Trae + 火山 MCP + FaaS:AI云原生 Agent 開發(fā)部署全流程體驗(yàn)!AI進(jìn)修生已關(guān)注分享點(diǎn)贊在看已同步到看一看寫下你的評(píng)論 視頻詳情 很有挑戰(zhàn)性。丟給它除了logo那小部分,基本上很還原了。視頻理解AI生成網(wǎng)頁視頻理解與代碼生成多模態(tài)交互新體驗(yàn)以前gemini說的那些,都可以試試了。編碼封神,Gemini 2.5 Pro (I/O 版)視頻秒轉(zhuǎn) App!網(wǎng)友:比 o3/Claude 強(qiáng),Vibe 程序員集結(jié)!另外有一點(diǎn)。蠻爽的是他圖片上傳竟然支持gif。gemini不支持。我上傳了一個(gè)解釋RAG、Agentic相關(guān)的GIF和一張排版不錯(cuò)的網(wǎng)頁截圖。想讓他理解MCP內(nèi)容然后按照第二種風(fēng)格轉(zhuǎn)換表現(xiàn)形式。輸出:?? 可上下滑動(dòng)查看完整內(nèi)容其實(shí)按照gif里面的mcp的內(nèi)容來說,選擇第2種表現(xiàn)形式并不是一種很好的方式。不過他也按照我們的要求改成了這種方框的形式。并且方框里面都加入了能體現(xiàn)gif流程的標(biāo)號(hào)。原GIF RAG、Agentic RAG 分別是7個(gè)和12個(gè)標(biāo)號(hào),豆包都一一找到并且對(duì)應(yīng)了,視覺理解能力這塊確實(shí)不錯(cuò)。多模態(tài)輸入和風(fēng)格轉(zhuǎn)化視覺理解。可玩性很高了。要個(gè)啥的UI 動(dòng)效組件,搞個(gè)啥廣告展示頁、作品集、動(dòng)態(tài)專題頁等等它甚至可以把思維導(dǎo)圖一鍵轉(zhuǎn)化成課程介紹網(wǎng)頁"請(qǐng)根據(jù)思維導(dǎo)圖生成一個(gè)課程介紹 html 網(wǎng)頁":?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容內(nèi)容詳實(shí)美觀,還留了個(gè)報(bào)名地址。你的頭腦風(fēng)暴,模糊的想法,可以一鍵傳遞給他人了。還有這種寫了個(gè)草稿大概的,它也能轉(zhuǎn)化的很好。有些模糊不清的數(shù)據(jù)表格也可以做成美觀的網(wǎng)頁。根據(jù)這些數(shù)據(jù)生成一個(gè)美觀的 html 介紹網(wǎng)頁:?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容你把網(wǎng)頁長(zhǎng)截圖給他,它能復(fù)刻一個(gè)高度相似的html?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容讓它參考下面Openai的排版格式,改改顏色,幫我寫一個(gè)介紹 Claude的 html 網(wǎng)頁?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容截圖網(wǎng)站復(fù)刻:?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容參考下面截圖網(wǎng)頁的風(fēng)格,幫我寫一個(gè)介紹 deepseek 的 html 網(wǎng)頁?? 可上下滑動(dòng)查看完整內(nèi)容?? 可上下滑動(dòng)查看完整內(nèi)容按照我的這個(gè)Saas網(wǎng)站的風(fēng)格。幫我生成一個(gè)風(fēng)格類似的旅行日記網(wǎng)頁:?? 可上下滑動(dòng)查看完整內(nèi)容模型表現(xiàn)總結(jié)編碼能力vsClaude 4價(jià)格優(yōu)性能與性價(jià)比雙優(yōu)不輸Claude,比Deepseek好用豆包大模型升級(jí)之后效果非常不錯(cuò)。從測(cè)試體驗(yàn)來看。1.6 模型在處理復(fù)雜提示指令(用上思考模型很強(qiáng))、編碼上效果上不輸Claude 4,比Deepseek好用。此外,上次卡總的“7家大模型做高考數(shù)學(xué)題的真實(shí)分?jǐn)?shù)”,豆包位列第二,也是看得出來有點(diǎn)東西。價(jià)格相比Claude也便宜很多,豆包 1.6 模型價(jià)格對(duì)照:AI 云原生生態(tài)的未來字節(jié)生態(tài)工具鏈云服務(wù)MCP 全棧Agent開發(fā)生態(tài)開箱即用的企業(yè)級(jí)解決方案最后,字節(jié)內(nèi)部已經(jīng)有豆包 App、Coze 空間這些成熟的 Agent 應(yīng)用了。這也讓火山引擎能更好的這些復(fù)刻成熟產(chǎn)品的經(jīng)驗(yàn)。我們搭建Agent并部署的門檻現(xiàn)在其實(shí)已經(jīng)很低了。在這次 火山引擎 Force 大會(huì) 大會(huì)上,他們會(huì)現(xiàn)場(chǎng)演示好幾個(gè) Agent demo 的完整開發(fā)過。Trae + 火山方舟 MCP + 豆包大模型 + Faas"這么一套組合拳,是一個(gè)新理念:AI 云原生開發(fā)。火山引擎提供的是強(qiáng)大的模型+全棧的 Agent 開發(fā)工具和豐富的生態(tài),再加上自然語言調(diào)度云的能力,能讓你開發(fā)出生產(chǎn)環(huán)境里跑的、對(duì)開發(fā)者友好的 Agent。工具服務(wù)、云服務(wù)、字節(jié)的生態(tài)服務(wù),全都支持 MCP 協(xié)議。這就實(shí)現(xiàn)了一個(gè)"工具調(diào)用 → 模型推理 → 部署運(yùn)營"的深度協(xié)同。云服務(wù)也支持 MCP,形成了一套標(biāo)準(zhǔn)化的協(xié)作生態(tài),能直接復(fù)用云上成熟的部署運(yùn)維體系,避免了 Agent 開發(fā)和部署環(huán)境脫節(jié)的尷尬,還能動(dòng)態(tài)調(diào)度算力。主打一個(gè)企業(yè)級(jí) Agent 構(gòu)建"開箱即用"。這套平臺(tái)能力,不只是停留在 PPT 上。
有關(guān)信息顯示,汽車行業(yè),有將近八成的主流車企,把豆包大模型用在了智能座艙、AI 升級(jí)這些核心場(chǎng)景里。
教育領(lǐng)域,浙江大學(xué)用火山引擎的 HiAgent 平臺(tái)和豆包大模型,花了一個(gè)星期,就搞定了一個(gè)叫“浙大先生”的智能體平臺(tái)。服務(wù)著超過五萬名師生。體驗(yàn)開發(fā)部署
接著用Trae(因?yàn)樯暇€了1.6)打開這個(gè)文件夾再輸入上面的提示詞。
效果如下:
是不是好看、工整、優(yōu)秀的許多?后面我還讓他加入了豆包模型做核心服務(wù)支撐。
Next.js版本
核心服務(wù)如下:
核心服務(wù)
通過AI實(shí)現(xiàn)了文本排版。這一塊的更多細(xì)節(jié),我們以后再單獨(dú)寫。這個(gè)提示詞的構(gòu)建設(shè)計(jì)了許多東西:關(guān)于saas網(wǎng)站如何提高轉(zhuǎn)化率?怎么根據(jù)你一個(gè)想法讓ai來構(gòu)建?讓他自發(fā)的適配更好的風(fēng)格等等...
接下來我要介紹一個(gè)更有意思的:
AI 云原生正在加速 Agentic AI 時(shí)代的到來
在 2025 原動(dòng)力大會(huì)上,字節(jié)跳動(dòng)提出了全新的 AI 云原生 Agent 開發(fā)范式:借助 Trae + 火山方舟 MCP + 豆包大模型 + FaaS,開發(fā)者可以實(shí)現(xiàn)從 工具調(diào)用 → 模型推理 → 應(yīng)用部署 的全鏈路閉環(huán),打通了智能 Agent 開發(fā)的完整流程。
這一范式的核心,是通過"模塊化組裝"的方式,徹底擺脫過去繁瑣的手動(dòng)集成與開發(fā),真正讓開發(fā)者專注于業(yè)務(wù)邏輯,而非底層細(xì)節(jié)。我們具體來看一下。
我想構(gòu)建一個(gè)Agent:
你是一個(gè)名為"CityWalk AI Planner"的智能城市漫游助手。你的核心使命是為用戶提供高度個(gè)性化、充滿驚喜、且充分考慮實(shí)時(shí)情況的一日城市漫游(CityWalk)路線規(guī)劃。你不僅是一個(gè)信息聚合器,更是一位懂生活、有品味、善于規(guī)劃的本地向?qū)А⒛阕罱K規(guī)劃好的所有內(nèi)容,構(gòu)思并編程生成一個(gè)【精美的、交互式的單頁HTML網(wǎng)頁】。
我們需要使用這幾個(gè)MCP
MCP工具
其中 VeFaaS MCP用于前端網(wǎng)頁應(yīng)用部署,比如這個(gè)html做好了之后可以一鍵調(diào)用,發(fā)布到火山引擎。并返回可訪問的鏈接。
這樣就可以在一個(gè)IDE里面開發(fā)和部署了,就像以前說Windsurf那個(gè)功能一樣。
這些mcp都是火山引擎云端托管的,配置很簡(jiǎn)單。去火山引擎,安裝步驟如下:
注意,你選擇遠(yuǎn)程即可。免費(fèi)。
火山引擎配置
接著我們需要在Trae里面創(chuàng)建一個(gè)Agent(類似于Cursor自定義Agent),可以配置使用哪些工具和MCP,以及提示詞:
Trae Agent配置
從提示詞的設(shè)計(jì)可以看出,我們構(gòu)建的并不只是一個(gè)簡(jiǎn)單的旅游問答助手。考慮到 1.6 模型具備 Auto-Think 的能力,我們?cè)谔崾驹~中巧妙加入了大量問號(hào),以此引導(dǎo)模型進(jìn)行更深層次的主動(dòng)思考。
這種提示詞設(shè)計(jì),既有明確的結(jié)構(gòu)規(guī)范,也保留了足夠的開放性,目的是激發(fā)模型的"思考本能",而不是僅僅被動(dòng)回答。它更像是在與一個(gè)具備判斷力和意圖感的智能體對(duì)話,而不是傳統(tǒng)的工具式交互。
然后我們就直接@剛創(chuàng)建的這個(gè)智能體給需求即可。
效果如下:
case3:新加坡七日游
新加坡七日游
接著,VeFaaS MCP可以用于前端網(wǎng)頁部署:網(wǎng)頁可以一鍵部署。
這樣提示:把這個(gè)html網(wǎng)頁發(fā)布到faas,并返回一個(gè)可訪問鏈接。
生成效果1
接著,VeFaaS MCP可以用于前端網(wǎng)頁部署:網(wǎng)頁可以一鍵部署。
這樣提示:把這個(gè)html網(wǎng)頁發(fā)布到faas,并返回一個(gè)可訪問鏈接。
你可以在火山引擎函數(shù)服務(wù)這里查看:
函數(shù)服務(wù)
可以看到他部署好的代碼以及連接信息:
部署信息
火山引擎可能也是國內(nèi)第一個(gè)把 MCP 部署搞得這么端到端的云廠商。
端到端云廠商
有了這個(gè)。我們下面的測(cè)評(píng)內(nèi)容,也可以一鍵被其他人訪問。
Doubao Seed 1.6 模型測(cè)評(píng)
這三個(gè)模型都是支持視頻的。我們可以試試讓他看視頻生成網(wǎng)頁。這是一個(gè)鼠標(biāo)點(diǎn)擊按鈕滑動(dòng)+變色的視頻。
很有挑戰(zhàn)性。丟給它
視頻挑戰(zhàn)
除了logo那小部分,基本上很還原了。
還原效果
視頻理解AI生成網(wǎng)頁視頻理解與代碼生成多模態(tài)交互新體驗(yàn)
以前gemini說的那些,都可以試試了。???編碼封神,Gemini 2.5 Pro (I/O 版)視頻秒轉(zhuǎn) App!網(wǎng)友:比 o3/Claude 強(qiáng),Vibe 程序員集結(jié)!??
另外有一點(diǎn)。蠻爽的是他圖片上傳竟然支持gif。gemini不支持。
GIF支持
我上傳了一個(gè)解釋RAG、Agentic相關(guān)的GIF和一張排版不錯(cuò)的網(wǎng)頁截圖。想讓他理解MCP內(nèi)容然后按照第二種風(fēng)格轉(zhuǎn)換表現(xiàn)形式。
MCP理解
輸出:

其實(shí)按照gif里面的mcp的內(nèi)容來說,選擇第2種表現(xiàn)形式并不是一種很好的方式。不過他也按照我們的要求改成了這種方框的形式。
并且方框里面都加入了能體現(xiàn)gif流程的標(biāo)號(hào)。
原GIF RAG、Agentic RAG 分別是7個(gè)和12個(gè)標(biāo)號(hào),豆包都一一找到并且對(duì)應(yīng)了,視覺理解能力這塊確實(shí)不錯(cuò)。
多模態(tài)輸入和風(fēng)格轉(zhuǎn)化視覺理解。可玩性很高了。
要個(gè)啥的UI 動(dòng)效組件,搞個(gè)啥廣告展示頁、作品集、動(dòng)態(tài)專題頁等等
UI組件
它甚至可以把思維導(dǎo)圖一鍵轉(zhuǎn)化成課程介紹網(wǎng)頁
"請(qǐng)根據(jù)思維導(dǎo)圖生成一個(gè)課程介紹 html 網(wǎng)頁":
思維導(dǎo)圖轉(zhuǎn)換1
?? 可上下滑動(dòng)查看完整內(nèi)容
思維導(dǎo)圖轉(zhuǎn)換2
?? 可上下滑動(dòng)查看完整內(nèi)容
內(nèi)容詳實(shí)美觀,還留了個(gè)報(bào)名地址。
你的頭腦風(fēng)暴,模糊的想法,可以一鍵傳遞給他人了。
還有這種寫了個(gè)草稿大概的,它也能轉(zhuǎn)化的很好。
草稿轉(zhuǎn)換
有些模糊不清的數(shù)據(jù)表格也可以做成美觀的網(wǎng)頁。
根據(jù)這些數(shù)據(jù)生成一個(gè)美觀的 html 介紹網(wǎng)頁:
數(shù)據(jù)表格轉(zhuǎn)換1
?? 可上下滑動(dòng)查看完整內(nèi)容
數(shù)據(jù)表格轉(zhuǎn)換2
?? 可上下滑動(dòng)查看完整內(nèi)容
你把網(wǎng)頁長(zhǎng)截圖給他,它能復(fù)刻一個(gè)高度相似的html
網(wǎng)頁復(fù)刻1
?? 可上下滑動(dòng)查看完整內(nèi)容
網(wǎng)頁復(fù)刻2
?? 可上下滑動(dòng)查看完整內(nèi)容
讓它參考下面Openai的排版格式,改改顏色,幫我寫一個(gè)介紹 Claude的 html 網(wǎng)頁
Claude介紹1
?? 可上下滑動(dòng)查看完整內(nèi)容
Claude介紹2
?? 可上下滑動(dòng)查看完整內(nèi)容
截圖網(wǎng)站復(fù)刻:
網(wǎng)站復(fù)刻1
網(wǎng)站復(fù)刻2
參考下面截圖網(wǎng)頁的風(fēng)格,幫我寫一個(gè)介紹 deepseek 的 html 網(wǎng)頁
Deepseek介紹1
Deepseek介紹2
按照我的這個(gè)Saas網(wǎng)站的風(fēng)格。
SaaS風(fēng)格
幫我生成一個(gè)風(fēng)格類似的旅行日記網(wǎng)頁:
模型表現(xiàn)總結(jié)
豆包大模型升級(jí)之后效果非常不錯(cuò)。從測(cè)試體驗(yàn)來看。1.6 模型在處理復(fù)雜提示指令(用上思考模型很強(qiáng))、編碼上效果上不輸Claude 4,比Deepseek好用。
此外,上次卡總的“7家大模型做高考數(shù)學(xué)題的真實(shí)分?jǐn)?shù)”,豆包位列第二,也是看得出來有點(diǎn)東西。
價(jià)格相比Claude也便宜很多,豆包 1.6 模型價(jià)格對(duì)照:
價(jià)格對(duì)比1
價(jià)格對(duì)比2
AI 云原生生態(tài)的未來
字節(jié)生態(tài)工具鏈云服務(wù)MCP 全棧Agent開發(fā)生態(tài)開箱即用的企業(yè)級(jí)解決方案
最后,字節(jié)內(nèi)部已經(jīng)有豆包 App、Coze 空間這些成熟的 Agent 應(yīng)用了。這也讓火山引擎能更好的這些復(fù)刻成熟產(chǎn)品的經(jīng)驗(yàn)。
我們搭建Agent并部署的門檻現(xiàn)在其實(shí)已經(jīng)很低了。
在這次 火山引擎 Force 大會(huì) 大會(huì)上,他們會(huì)現(xiàn)場(chǎng)演示好幾個(gè) Agent demo 的完整開發(fā)過。
Trae + 火山方舟 MCP + 豆包大模型 + Faas"這么一套組合拳,是一個(gè)新理念:AI 云原生開發(fā)。
火山引擎提供的是強(qiáng)大的模型+全棧的 Agent 開發(fā)工具和豐富的生態(tài),再加上自然語言調(diào)度云的能力,能讓你開發(fā)出生產(chǎn)環(huán)境里跑的、對(duì)開發(fā)者友好的 Agent。
工具服務(wù)、云服務(wù)、字節(jié)的生態(tài)服務(wù),全都支持 MCP 協(xié)議。
這就實(shí)現(xiàn)了一個(gè)"工具調(diào)用 → 模型推理 → 部署運(yùn)營"的深度協(xié)同。云服務(wù)也支持 MCP,形成了一套標(biāo)準(zhǔn)化的協(xié)作生態(tài),能直接復(fù)用云上成熟的部署運(yùn)維體系,避免了 Agent 開發(fā)和部署環(huán)境脫節(jié)的尷尬,還能動(dòng)態(tài)調(diào)度算力。主打一個(gè)企業(yè)級(jí) Agent 構(gòu)建"開箱即用"。
這套平臺(tái)能力,不只是停留在 PPT 上。
有關(guān)信息顯示,汽車行業(yè),有將近八成的主流車企,把豆包大模型用在了智能座艙、AI 升級(jí)這些核心場(chǎng)景里。
教育領(lǐng)域,浙江大學(xué)用火山引擎的 HiAgent 平臺(tái)和豆包大模型,花了一個(gè)星期,就搞定了一個(gè)叫“浙大先生”的智能體平臺(tái)。服務(wù)著超過五萬名師生。
本文轉(zhuǎn)載自??????AI進(jìn)修生??????,作者:Aitrainee
