Angular加入Web Codegen Scorer與MCP Server新工具，推進AI導向開發

Google旗下前端開發框架Angular推出兩項人工智慧開發新工具Web Codegen Scorer與MCP Server，目的是提升人工智慧生成Web程式碼的品質，並讓代理式開發更順利地融入現有框架流程。Angular團隊同時宣布，Angular已整合至Google的Gemini產品線，包括Gemini Canvas的框架支援，以及Google AI Studio新增的Angular TypeScript系統指令模板，讓開發者能更直接地利用人工智慧建立應用程式原型並進行迭代。

Web Codegen Scorer的主要功能是對人工智慧生成的Web程式碼進行品質評估，其提供涵蓋建置、執行、資安與無障礙等面向的儀表板，協助開發者檢視生成結果是否達到可用標準。Angular團隊以自身情境為例，該工具能夠協助angular.dev/ai平臺上的人工智慧提示詞，進行系統性調整與最佳化。

透過Web Codegen Scorer，開發團隊還能評估大型語言模型生成的Angular程式碼品質，並根據分析結果，持續修正提示詞內容，使其更適合現行框架語法與功能需求，進而提升人工智慧生成程式碼的正確性及可靠性。 

Web Codegen Scorer評分機制經過Google內部人工智慧、安全與無障礙專家的調整，也經SolidJS框架核心團隊測試，協助他們最佳化提示詞與脈絡設計。該工具已開源，框架與函式庫作者可建立自訂評測流程，以改善生成程式碼的可建置性與可維護性。

另一項重點是MCP Server，讓代理能直接呼叫框架與CLI的工具，支援更完整的代理式開發工作流，在Angular v20.2中目前屬於實驗性功能。Angular團隊也透露未來的研究方向，包括提供現代化搬遷工具，將舊語法轉換成新的標準寫法。

同時，Angular團隊正開發本地RAG引擎，讓人工智慧可直接檢索整理過的官方程式碼範例與最新文件，降低模型使用過時資訊的風險。這些功能目前仍處於探索階段，後續會隨研究成果逐步引入框架。

在生態系整合上，Gemini Canvas現已支援Angular，開發者可於Gemini Web App的工具選單中啟用Canvas，並透過提示生成Angular應用。Google AI Studio則新增Angular TypeScript系統指令模板，開發者可在進階設定中選取，讓生成程式碼更符合Angular元件與服務的結構設計。