<section>
<section>
<p>今天，給大家介紹一位「新同事」——CodeBuddy AI IDE。</p>
</section>
</section>
<section>
<section>
<p>它是由騰訊雲推出的下一代 AI 全棧工程師，也是全球首位貫通「產品 - 設計 - 研發」的一體化 AI 工具。它的工作方式非常簡單：</p>
<p>你只需要用自然語言對話提出需求，它就能自動完成從產品構想到設計原型、前後端編碼、上線部署的一整套流程。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wpimg-wscn.awtmt.com/94677f82-9ae0-4990-9a78-d70aa4cb03e1.png?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="1024" height="680" original-src="https://imageproxy.pbkrs.com/https://wpimg-wscn.awtmt.com/94677f82-9ae0-4990-9a78-d70aa4cb03e1.png"/></p>
<p>「對話即編程」的背後，CodeBuddy AI IDE 集成了最強大的模型能力：國際版整合 Claude、GPT、Gemini 等主流大模型；國內版則支持騰訊混元、DeepSeek 等國產模型。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="509" height="366" original-src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011"/></p>
<section>
<section>
<p>到底有多強？看下全鏈路操作流程——</p>
</section>
</section>
<section>
<section>
<section>
<section>
<section>
<section>
<section>
<section></section>
</section>
</section>
</section>
</section>
<section>
<section>
<p><strong>NO.1</strong><strong>明確需求輸出 PRD</strong></p>
</section>
</section>
</section>
<section>
<section>
<section>
<p>- 選擇 CodeBuddy 的 Plan 模式，輸入自然語言描述，如「幫我生成一個電商訂單管理頁」或者直接説要 PRD；</p>
<p>- AI 會自動拆解需求，生成結構化 PRD，包括：功能清單、頁面流程圖、字段建議（如訂單狀態、用户 ID）、接口草稿等；</p>
<p>- 輸出文檔可直接傳遞給設計或開發，無縫銜接。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="509" height="366" original-src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011"/></p>
<section>
<section>
<section>
<p><strong>NO.2 原型與 UI 設計</strong></p>
</section>
</section>
</section>
<section>
<section>
<section>
<p>- 提供三種方式生成頁面原型：</p>
<p>① 自然語言生成：用一句話描述需求，即可生成可交互原型；</p>
<p>② 圖像化生成：上傳手繪草圖或參考網頁截圖，智能識別結構並還原為設計稿；</p>
<p>③ 組件化生成：選擇 TDesign / MUI / Shadcn 等組件庫，自動拼裝符合規範的頁面設計。</p>
<p>- 可通過指令實時優化視覺風格，如「按鈕換藍色」「更具科技感」等。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="509" height="366" original-src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011"/></p>
<section>
<section>
<section>
<p><strong>NO.3 前端開發</strong></p>
</section>
</section>
</section>
<section>
<section>
<section>
<p>- 內置 Figma，可直接從設計稿中提取信息，一鍵生成可維護的 HTML 源碼（具備清晰結構、命名規範、方便開發者後續修改的標準前端代碼）；</p>
<p>-支持生成適配 Web/iOS/Android 等多端版本，統一風格。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="509" height="366" original-src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011"/></p>
<section>
<section>
<section>
<p><strong>NO.4 後端開發</strong></p>
</section>
</section>
</section>
<section>
<section>
<section>
<p>- 內置騰訊雲開發 CloudBase 與 Supabase（僅國際版）服務，可自動配置和生成雲數據庫、用户認證等後端需求；</p>
<p>- 開發者無需手動配置，也能完成核心功能的搭建。</p>
<p><img src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="509" height="366" original-src="https://imageproxy.pbkrs.com/https://wdl-wscn.awtmt.com/07aeb3e7-f4ca-4207-befb-c987b3dc7011"/></p>
<section>
<section>
<section>
<p><strong>NO.5 上線部署</strong></p>
</section>
</section>
</section>
<section>
<section>
<section>
<p>- 支持通過 CloudStudio 一鍵部署到遠端；</p>
<p>- 支持生成可訪問鏈接，便於團隊快速試用與反饋。</p>
<section>
<section>
<p>其中，在工作量最大的編碼環節，CodeBuddy AI IDE 還化身「全能 AI 編程助手」，基於騰訊雲代碼助手 CodeBuddy 編碼智能體 Craft 的能力，協助開發者更高效地完成代碼編寫——</p>
</section>
</section>
<section>
<section>
<p>● <strong>軟件開發智能體：</strong>自主完成多文件代碼生成和改寫；</p>
<p>● <strong>實時代碼續寫：</strong>基於上下文理解，幫你完成續寫；</p>
<p>● <strong>支持行間/終端內聯對話：</strong>無需切換窗口，直接在編輯器或終端跟 AI 對話，解決 bug、運行命令、調邏輯。</p>
</section>
</section>
<section>
<section>
<p>看一個實戰案例——</p>
</section>
</section>
<section>
<section>
<p>在電商活動頁開發中，傳統方式需要 2 天完成 1 個頁面，使用 CodeBuddy AI IDE 後整個過程不到 2 小時，效率提升超過 10 倍：產品經理使用自然語言描述需求，10 分鐘生成初版；設計師通過截圖調整樣式，1 小時定稿；開發人員快速轉換成代碼，30 分鐘即開發出網站。</p>
<section>
<section>
<p>其實，CodeBuddy AI IDE 更大的價值，在於它真正補齊了過去很多 AI 無法落地的空白環節。尤其是快速交互原型可視化驗證、設計稿轉代碼，以及前後端聯調的一體化編碼等典型場景。</p>
</section>
</section>
<section>
<section>
<p>現在，CodeBuddy AI IDE 已經開啓內測啦，訪問 CodeBuddy 官方網站 https://codebuddy.ai/，即刻申請體驗這位 AI 工程師的實力吧。</p>
<p>7 月 24 日晚上，騰訊雲 CodeBuddy 的產品和研發同事，還會進行線上直播，手把手演示 CodeBuddy，歡迎大家掃碼預約直播觀看～！</p>
<p><img src="https://imageproxy.pbkrs.com/https://wpimg-wscn.awtmt.com/1b874522-9272-4ca3-b2bd-0b1ecd249bef.png?x-oss-process=image/auto-orient,1/interlace,1/resize,w_1440,h_1440/quality,q_95/format,jpg" width="1024" height="1820" original-src="https://imageproxy.pbkrs.com/https://wpimg-wscn.awtmt.com/1b874522-9272-4ca3-b2bd-0b1ecd249bef.png"/></p>
<p><span style="color: #b3b3b3">本文來源：騰訊雲，原文標題：《全球首位產設研一體 AI 全棧工程師，在騰訊「出道」！》</span></p>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
</section><div>風險提示及免責條款</div>
          <div>
            市場有風險，投資需謹慎。本文不構成個人投資建議，也未考慮到個別用户特殊的投資目標、財務狀況或需要。用户應考慮本文中的任何意見、觀點或結論是否符合其特定狀況。據此投資，責任自負。
          </div>

騰訊控股(ADS)

騰訊控股(ADR)

騰訊控股

<p>騰訊雲推出全球首位一體化 AI 全棧工程師 CodeBuddy AI IDE，能夠通過自然語言對話完成從產品構想到設計原型、前後端編碼及上線部署的全過程。該工具整合了多種主流大模型，支持生成結構化 PRD、交互原型、可維護的 HTML 源碼，並適配多端版本，提升了產品開發的效率與便捷性。</p>

- 騰訊雲推出的 CodeBuddy AI IDE 是一體化 AI 工具。  
- 它能自動完成從產品構想到上線部署的全流程。  
- 內測已開啓，歡迎申請體驗。  