智東西AI前瞻(公眾號:zhidxcomAI)
作者 | 江宇
編輯 | 漠影

智東西AI前瞻7月22日報道,今日,騰訊旗下AI編程助手CodeBuddy正式推出國際版IDE,定位于整合產(chǎn)品、設(shè)計、研發(fā)全流程的AI工具,主打“AI全棧高級工程師”概念。

該產(chǎn)品聚焦從需求規(guī)劃、交互設(shè)計,到前端開發(fā)、后端部署給用戶提供一站式開發(fā)體驗,內(nèi)置Claude 3.7/4.0、Gemini 2.5 Pro、DeepSeek等國內(nèi)外主流大模型。

與傳統(tǒng)AI編程助手不同,CodeBuddy IDE不只解決代碼生成單點任務(wù),而是通過多模型和工具鏈打通產(chǎn)品設(shè)計與研發(fā)全流程,目標(biāo)是實現(xiàn)“從想法到上線”的完整交付全流程。

目前,內(nèi)測階段向Pro用戶開放,支持500次高性能對話額度。

一、從需求到界面,一次生成PRD和交互設(shè)計

CodeBuddy IDE覆蓋了產(chǎn)品設(shè)計的完整前期流程,從需求拆解到交互設(shè)計全程AI自動生成。

當(dāng)前,CodeBuddy已適配MUI、Shadcn等主流組件庫,生成結(jié)果可持續(xù)微調(diào),滿足不同業(yè)務(wù)風(fēng)格需求。整個流程無需掌握設(shè)計工具或技術(shù)細(xì)節(jié),可幫助用戶直接搭建可用的產(chǎn)品界面雛形。

用戶只需用自然語言描述業(yè)務(wù)場景,AI即可自動生成結(jié)構(gòu)化PRD,包含核心功能拆解和流程邏輯,幫助非技術(shù)背景的產(chǎn)品經(jīng)理、業(yè)務(wù)人員快速完成產(chǎn)品早期規(guī)劃。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程

在UI設(shè)計環(huán)節(jié),CodeBuddy支持從文本快速生成交互稿,也可上傳草圖或參考圖像自動矢量化,輸出符合規(guī)范的高保真UI設(shè)計。

二、四大AI智能體協(xié)作,打通從設(shè)計稿到可部署產(chǎn)品全流程

CodeBuddy以四大智能體為核心,覆蓋從需求拆解到產(chǎn)品上線的完整開發(fā)流程,分別對應(yīng)產(chǎn)品規(guī)劃、設(shè)計生成、代碼實現(xiàn)和交付部署四個關(guān)鍵環(huán)節(jié):

1、Plan Agent:負(fù)責(zé)結(jié)構(gòu)化拆解用戶需求,輔助校驗產(chǎn)品邏輯是否可行,幫助用戶判斷方案是否真正聚焦業(yè)務(wù)痛點,以及在資源有限的情況下能否順利落地。

2、Design Agent:通過前端DSL語言生成可用設(shè)計稿,支持組件化輸出和自然語言修改,也可直接選中頁面節(jié)點進(jìn)行精準(zhǔn)調(diào)整。系統(tǒng)內(nèi)置1.5萬個設(shè)計案例的知識庫,支持智能召回,將設(shè)計周期從幾天壓縮到幾小時,后續(xù)迭代可實現(xiàn)分鐘級響應(yīng)。

3、Coding Agent:聚焦前端代碼生成任務(wù),支持多模態(tài)輸入和多輪交互,除基礎(chǔ)代碼補(bǔ)全外,還具備下一步操作預(yù)測能力,可直接從設(shè)計稿生成可維護(hù)代碼,減少手工編寫工作量。

4、Deploy Agent:提供一鍵部署能力,自動生成數(shù)據(jù)庫、API和用戶權(quán)限等后端服務(wù),集成Supabase、騰訊云TCB等平臺,后續(xù)可一鍵發(fā)布至線上環(huán)境,生成可訪問的正式鏈接。

整體來看,CodeBuddy將傳統(tǒng)的“需求—設(shè)計—開發(fā)—交付”多角色協(xié)作流程整合到同一AI工作流中,讓產(chǎn)品從構(gòu)思到上線實現(xiàn)更短交付周期、更低人力投入。

三、體驗“美食靈感”應(yīng)用:從一句話需求到可訪問成品

在實際體驗中,智東西以“活動報名頁面”作為測試場景,驗證了CodeBuddy是否能夠完整走通“從需求到前端交付”的流程。

輸入的初始提示詞為:“幫我開發(fā)一個美食靈感Web應(yīng)用,左側(cè)輸入食材關(guān)鍵詞,右側(cè)生成帶封面圖片和簡要菜譜的推薦卡片,頁面風(fēng)格清爽美食感,支持隨機(jī)推薦、收藏功能,生成完整PRD、交互稿、可運行前端代碼并部署上線。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程

點擊“Boost Prompt”后,系統(tǒng)通過預(yù)設(shè)的智能指令補(bǔ)全功能,自動識別初步需求并生成更詳細(xì)的指令,進(jìn)一步明確了交付物的范圍,涵蓋功能需求、交互流程和頁面布局。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程體驗過程中,智東西還測試了界面上的Send Errors功能,該功能用于快速反饋AI生成結(jié)果中的遺漏或錯誤。AI生成結(jié)果后,通過點擊Send Errors按鈕,系統(tǒng)即可在對話欄自動補(bǔ)充一條優(yōu)化指令,進(jìn)一步完善交付內(nèi)容。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程

經(jīng)過多輪反饋和調(diào)優(yōu),系統(tǒng)未能實現(xiàn)菜品的自動配圖。最終,通過指令“補(bǔ)充50道菜品”,系統(tǒng)交付了可用的前端頁面,頁面支持按食材篩選,篩選結(jié)果能夠?qū)崟r呈現(xiàn)。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程

例如選擇“番茄”作為食材,限制烹飪時間為“30分鐘以內(nèi)”,并篩選“日式”菜系時,頁面可實時返回9道符合條件的菜品。

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程

騰訊AI IDE發(fā)布!四大智能體,一站式搞定開發(fā)全流程整個開發(fā)過程支持端到端的可用交付,后續(xù)還可通過一鍵部署功能,自動生成數(shù)據(jù)庫、用戶權(quán)限等后端功能。

同時,系統(tǒng)可輸出Web、iOS、Android三端代碼,幫助用戶快速完成部署和發(fā)布。即便是沒有后端經(jīng)驗的前端開發(fā)者,也能輕松實現(xiàn)登錄等功能。

結(jié)語:AI IDE不只是開發(fā)提速,也是想法“落地”

從CodeBuddy IDE的體驗來看,AI不再局限于“寫段代碼”的輔助角色,而是完善了“從需求到可交付”的閉環(huán)。

尤其對于產(chǎn)品經(jīng)理、業(yè)務(wù)負(fù)責(zé)人、早期創(chuàng)業(yè)者等非技術(shù)背景用戶,CodeBuddy通過自然語言生成PRD、交互稿、可用代碼和一鍵部署,降低了將想法轉(zhuǎn)化為具體產(chǎn)品的技術(shù)門檻。

這類AI IDE正在將產(chǎn)品落地的路徑壓縮為“自然語言對話+實時交付”,“人人可驗證產(chǎn)品想法”或?qū)⒊蔀樾碌男袠I(yè)拐點。