CopilotKit × Mastra 集成實(shí)戰(zhàn)在 Next.js 中構(gòu)建帶 Agent 的生成式 UI 與多通道交付【免費(fèi)下載鏈接】CopilotKitThe Frontend Stack for Agents Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol項(xiàng)目地址: https://gitcode.com/GitHub_Trending/co/CopilotKit本指南圍繞倉(cāng)庫(kù)中 examples/integrations/mastra 這一官方 Starter 模板展開(kāi)系統(tǒng)講解如何將 Mastra Agent 接入 CopilotKit 運(yùn)行時(shí)在同一個(gè) Next.js 應(yīng)用中實(shí)現(xiàn)生成式 UI、前端工具Frontend Tools、Human-in-the-Loop、Agent 共享狀態(tài)與持久化線(xiàn)程記憶并通過(guò) Intelligence Channel 把同一個(gè) Agent 掛載到 Slack、Teams 等會(huì)話(huà)平臺(tái)上。讀完本文你將掌握該模板的完整啟動(dòng)流程、腳本體系、Intelligence 本地棧的搭建方法以及 Channel 宿主進(jìn)程的底層工作機(jī)制。模板概覽一次把 Agent、前端與消息通道串起來(lái)CopilotKit Mastra Starter 是一個(gè)面向?qū)崙?zhàn)的起步模板用 Mastra 定義 Agent含工具與記憶用 CopilotKit 提供前端運(yùn)行時(shí)Runtime、UI 組件與協(xié)議層再疊一層 Next.js 應(yīng)用作為界面載體。它通過(guò)ag-ui/mastra這個(gè)適配包把 Mastra 的 Agent 轉(zhuǎn)成 CopilotKit 運(yùn)行時(shí)能直接調(diào)度的通用 Agent 抽象并依賴(lài) AG-UI 協(xié)議打通 Web 與各消息渠道。模板的核心代碼結(jié)構(gòu)如下src/agent.ts將本地 Mastra Agent 批量暴露為 CopilotKit 可調(diào)度的 Agent 對(duì)象src/mastraMastra 側(cè)的真實(shí)定義——index.ts創(chuàng)建Mastra實(shí)例agents/index.ts定義 weatherAgenttools/index.ts實(shí)現(xiàn)天氣查詢(xún)工具src/app/api/copilotkit/[[...slug]]/route.tsCopilotKit 運(yùn)行時(shí)掛在 Next.js Route Handler 上的 HTTP 入口Web 端的所有對(duì)話(huà)請(qǐng)求都走這里channel-host.mts 與 channels.mtsChannel 宿主進(jìn)程與通道聲明文件用于把同一個(gè) Agent 交付到 Slack、Teams 等 Intelligence Channelsrc/app/page.tsx演示生成式 UI、前端工具、Human-in-the-Loop 與共享狀態(tài)的前端頁(yè)面。與許多HTTP 轉(zhuǎn)發(fā)式Starter 不同這里沒(méi)有獨(dú)立的 Agent 服務(wù)進(jìn)程Mastra Agent 直接運(yùn)行在 Next.js 進(jìn)程內(nèi)createLocalAgents的注釋明確寫(xiě)到 Unlike the HTTP-backed starters there is no agent server here: the agents run in this process.即本地 Agent 全部在當(dāng)前進(jìn)程內(nèi)執(zhí)行。環(huán)境準(zhǔn)備N(xiāo)ode 版本與包管理器模板對(duì)運(yùn)行環(huán)境的要求不高官方要求如下Node.js 18倉(cāng)庫(kù)內(nèi)package.json使用 Next.js 16 與 React 19建議使用較新的 Node LTS 版本以下任一包管理器npm默認(rèn)、pnpm、yarnclassic、bun。核心依賴(lài)見(jiàn) package.json包括包版本區(qū)間作用mastra/mastra/core1.1.0-alpha.3 / 1.41.0Mastra Agent 框架本體ag-ui/client/ag-ui/mastra0.0.58 / 1.1.2AG-UI 協(xié)議客戶(hù)端與 Mastra 適配層把 Mastra Agent 橋接進(jìn) CopilotKitcopilotkit/react-core/copilotkit/runtime1.70.0CopilotKit 前端核心與運(yùn)行時(shí)含 v2 入口copilotkit/channels0.9.0Channel 聲明與創(chuàng)建 APInext/react16.1.2 / ^19.2.1UI 框架mastra/libsql/mastra/memory1.1.0-alpha.2 / 1.0.1-alpha.1Mastra 存儲(chǔ)與記憶能力hono^4運(yùn)行時(shí) HTTP 處理層由hono/vercel適配到 Route Handler快速啟動(dòng)三步入軌1. 寫(xiě)入 OpenAI API KeyMastra 的模型調(diào)用走ai-sdk/openai在.env中寫(xiě)入密鑰即可你完全可以用 Mastra 支持的任何模型替換模板默認(rèn)使用gpt-4o# you can use whatever model Mastra supports echo OPENAI_API_KEYyour-key-here .env模型在 src/mastra/agents/index.ts 中通過(guò)model: openai(gpt-4o)指定按需更換模型名即可。2. 安裝依賴(lài)# Using npm (default) npm install # Using pnpm pnpm install # Using yarn yarn install # Using bun bun install3. 啟動(dòng)開(kāi)發(fā)服務(wù)器# Using npm (default) npm run dev # Using pnpm pnpm dev # Using yarn yarn dev # Using bun bun run devnpm run dev通過(guò)concurrently同時(shí)拉起 UI 與 Agent 兩個(gè)進(jìn)程package.json中--names ui,agent --kill-others所以日志會(huì)以雙進(jìn)程并行的形式輸出。注意這里所謂Agent 服務(wù)其實(shí)仍是同一個(gè) Next.js 進(jìn)程內(nèi)的 Mastra Agentdev:agent執(zhí)行的是mastra dev用于提供 Mastra 的開(kāi)發(fā)輔助能力。模板腳本體系詳解package.json 定義了以下腳本均可配合你偏好的包管理器使用dev— 同時(shí)以開(kāi)發(fā)模式啟動(dòng) UI 與 Agent 服務(wù)器concurrently npm run dev:ui npm run dev:agentdev:ui— 僅啟動(dòng) Next.js UI 服務(wù)器next dev --turbopackdev:agent— 僅啟動(dòng) Mastra Agent 開(kāi)發(fā)服務(wù)mastra devdev:debug— 以L(fǎng)OG_LEVELdebug啟動(dòng)開(kāi)發(fā)服務(wù)器方便排查運(yùn)行時(shí)的調(diào)試日志對(duì)應(yīng)src/mastra/index.ts中從process.env.LOG_LEVEL讀取日志級(jí)別、默認(rèn)info的實(shí)現(xiàn)build— 構(gòu)建生產(chǎn)版本next buildstart— 啟動(dòng)生產(chǎn)服務(wù)器next startchannel— 保持一個(gè) Intelligence Channel 在線(xiàn)tsx --tsconfig tsconfig.channel.json channel-host.mts。其中channel腳本使用獨(dú)立的 tsconfig.channel.json 做模塊解析因?yàn)閏hannel-host.mts會(huì)經(jīng)src/agent.ts傳遞引入src/mastra/**而該子樹(shù)帶有一個(gè)與 Channel 宿主無(wú)關(guān)的既有類(lèi)型錯(cuò)誤見(jiàn)下文已知限制。tsconfig.channel.json額外配置了/*路徑別名baseUrl: .paths: { /*: [./src/*] }否則tsx會(huì)以Cannot find module /mastra/tools崩潰。Agent 定義Mastra 側(cè)的完整實(shí)現(xiàn)Mastra 實(shí)例與天氣 Agentsrc/mastra/index.ts 創(chuàng)建 Mastra 實(shí)例注冊(cè)defaultAgent并使用內(nèi)存版 LibSQLStore 作為存儲(chǔ)、ConsoleLogger輸出日志const LOG_LEVEL (process.env.LOG_LEVEL as LogLevel) || info; export const mastra new Mastra({ agents: { default: weatherAgent }, storage: new LibSQLStore({ id: mastra-storage, url: :memory: }), logger: new ConsoleLogger({ level: LOG_LEVEL }), });天氣 Agent 定義在 src/mastra/agents/index.ts它注冊(cè)了weatherTool、使用gpt-4o模型并掛載了 Mastra Memory。值得關(guān)注的是記憶作用域的選擇memory: new Memory({ storage: new LibSQLStore({ id: weather-agent-memory, url: file::memory: }), options: { workingMemory: { enabled: true, schema: AgentState, scope: resource, }, }, }),代碼注釋解釋了為什么必須用scope: resource資源作用域而不是thread線(xiàn)程作用域CopilotKit 橋接層會(huì)在每次對(duì)話(huà)回合開(kāi)始前把 UI 的共享狀態(tài)寫(xiě)進(jìn) working memory而該寫(xiě)入只在資源存儲(chǔ)中做 upsert線(xiàn)程作用域的 working memory 存放在線(xiàn)程元數(shù)據(jù)里要求線(xiàn)程行必須已存在——但會(huì)話(huà)首回合線(xiàn)程還不存在會(huì)導(dǎo)致Thread id not found而讓聊天永遠(yuǎn)無(wú)法應(yīng)答。這里的 resource id 由線(xiàn)程 id 推導(dǎo)而來(lái)因此狀態(tài)按會(huì)話(huà)隔離。這是一個(gè)非常典型的橋接集成才暴露的坑遷移到其他框架時(shí)同樣適用。Agent 的共享狀態(tài)由AgentStatezod 對(duì)象聲明{ proverbs: z.array(z.string()).default([]) }對(duì)應(yīng)前端 ProverbsCard 展示的格言列表。天氣工具兩段式 API 調(diào)用src/mastra/tools/index.ts 實(shí)現(xiàn)了weatherTool采用 Open-Meteo 的免費(fèi) API地理編碼先調(diào)用geocoding-api.open-meteo.com/v1/search把城市名解析為經(jīng)緯度查不到會(huì)拋出Location name not found天氣查詢(xún)?cè)儆媒?jīng)緯度調(diào)用api.open-meteo.com/v1/forecast拉取溫度、體感溫度、濕度、風(fēng)速、陣風(fēng)與天氣碼最后經(jīng)getWeatherCondition把 WMO 天氣碼映射為可讀描述。工具通過(guò)createTool聲明inputSchemalocation: z.string()與outputSchemaWeatherToolResultSchema為前端生成式 UI 渲染提供了結(jié)構(gòu)化輸出依據(jù)。前端能力全景一個(gè)頁(yè)面演示五種 CopilotKit 特性src/app/page.tsx 用極少的代碼同時(shí)演示了 CopilotKit v2 的五種核心能力前端工具Frontend ToolsuseFrontendTool({ name: setThemeColor, ... })讓 Agent 可以通過(guò)調(diào)用前端函數(shù)直接改變頁(yè)面主題色建議SuggestionsuseConfigureSuggestions配置了Generative UI / Frontend Tools / Human In the Loop / Write Agent State / Update Agent State / Read Agent State六個(gè)引導(dǎo)提示詞幫助用戶(hù)快速體驗(yàn)各能力生成式 UIGenerative UI第二個(gè)useFrontendTool以available: false聲明weatherTool的render函數(shù)返回WeatherCard——即 Agent 調(diào)用工具時(shí)由前端組件渲染結(jié)果卡片Human-in-the-LoopuseHumanInTheLoop聲明go_to_moon工具并渲染MoonCard把需要用戶(hù)確認(rèn)的回合交還給界面共享狀態(tài)Shared StateuseAgent({ agentId: default })讀取agent.state并通過(guò)agent.setState寫(xiě)回對(duì)應(yīng) Mastra working memory 中的AgentState實(shí)現(xiàn)前端狀態(tài) ? Agent 記憶雙向同步。頁(yè)面整體被一個(gè)非受控uncontrolled的CopilotChatConfigurationProvider包裹CopilotThreadsDrawer與CopilotSidebar共享同一個(gè) active thread——注釋特別提醒受控 provider 會(huì)阻塞 New重置新線(xiàn)程因此必須保持非受控。運(yùn)行時(shí)裝配Route Handler 如何調(diào)度 AgentWeb 端所有請(qǐng)求都匯聚到 src/app/api/copilotkit/[[...slug]]/route.tsconst runtime new CopilotRuntime({ agents: createLocalAgents(), ...(process.env.CPK_INTELLIGENCE_API_KEY ? { intelligence: new CopilotKitIntelligence({ apiKey: ..., apiUrl?, wsUrl? }), identifyUser: () ({ id: demo-user, name: Demo User }), } : { runner: new InMemoryAgentRunner() }), }); const app createCopilotEndpoint({ runtime, basePath: /api/copilotkit }); export const GET handle(app); export const POST handle(app); export const PATCH handle(app); export const DELETE handle(app);這里有兩套執(zhí)行路徑由環(huán)境變量CPK_INTELLIGENCE_API_KEY決定未設(shè)置時(shí)使用InMemoryAgentRunnerAgent 直接在當(dāng)前進(jìn)程內(nèi)執(zhí)行適合本地快速開(kāi)發(fā)設(shè)置后啟用CopilotKitIntelligence線(xiàn)程歷史與記憶由 Intelligence 服務(wù)接管并通過(guò)identifyUser關(guān)聯(lián)用戶(hù)身份。注意代碼注釋的警告這個(gè)identifyUser是演示樁返回固定的demo-user任何多用戶(hù)部署前都必須替換為從真實(shí)鑒權(quán)推導(dǎo)的用戶(hù)身份否則所有用戶(hù)會(huì)共享同一份線(xiàn)程歷史且未知的用戶(hù) id 可能讓線(xiàn)程操作失敗。createLocalAgents()src/agent.ts返回MastraAgent.getLocalAgents({ mastra })的結(jié)果即把 Mastra 實(shí)例中所有注冊(cè)的 Agent 一次性暴露給運(yùn)行時(shí)調(diào)度。Running a Channel把同一個(gè) Agent 送上 Slack / Teams概念與前置條件channel-host.mts把 Web 路由服務(wù)的同一個(gè) Agent掛載為 Intelligence ChannelSlack、Teams 等。它需要CPK_INTELLIGENCE_API_KEY以及一個(gè)聲明在.copilotkit/channels.json中的 Channel——這兩項(xiàng)都可以用 CLI 完成copilotkit init # 或 copilotkit channels add name這兩個(gè)命令會(huì)寫(xiě)入channels.json文件并把.env需要的憑據(jù)補(bǔ)全然后運(yùn)行npm run channel宿主進(jìn)程的設(shè)計(jì)哲學(xué)channel-host.mts的注釋把職責(zé)邊界說(shuō)得很清楚宿主持有零個(gè) provider 憑據(jù)、暴露零個(gè) provider 端點(diǎn)——provider 邊緣邊緣連接由 Intelligence 擁有交付通過(guò)其實(shí)時(shí)傳輸完成因此同一個(gè)宿主文件對(duì)每個(gè) provider 都字節(jié)級(jí)一致Channel 本體在channels.mts里聲明——添加 commands、reactions 或onMentionhandler 的地方是channels.mts而不是宿主宿主只負(fù)責(zé)進(jìn)程生命周期——它沒(méi)有 HTTP 服務(wù)器gateway 連接是出向的保持連接打開(kāi)就是讓進(jìn)程存活的方式生產(chǎn)部署通常還要加一個(gè)上報(bào)channels.status()的健康端點(diǎn)。宿主啟動(dòng)的關(guān)鍵細(xì)節(jié)channel-host.mts 的啟動(dòng)邏輯值得逐段拆解必填環(huán)境變量required()檢查CPK_INTELLIGENCE_API_KEY缺失時(shí)打印[channel] missing required env var: name并以退出碼 1 退出優(yōu)雅關(guān)閉在激活前先注冊(cè)SIGINT/SIGTERM處理調(diào)用handler.channels.stop()做拆線(xiàn)——這樣即使 Ctrl-C 發(fā)生在連接窗口期也不會(huì)孤兒化 gateway 會(huì)話(huà)有界等待await handler.channels.ready({ timeoutMs: 30_000 })用 30 秒上限避免連接卡死導(dǎo)致啟動(dòng)無(wú)限掛起失敗則以非零碼退出如實(shí)上報(bào)狀態(tài)ready()解析只代表每個(gè) Channel 進(jìn)入終態(tài)含setup_required因此宿主隨后用channels.status()的真實(shí)結(jié)果決定日志文案。啟動(dòng)完成后日志會(huì)按 Channel 逐條給出真實(shí)狀態(tài)Channel name is online.—— 會(huì)話(huà)已建立、可以收發(fā)消息Channel name is declared but no provider is attached yet.—— 這是正常的等待狀態(tài)不是失敗運(yùn)行copilotkit channels status查看還差哪些配置。README 特意提醒這兩種日志都不代表 provider 應(yīng)用已安裝、可觸達(dá)或有人能發(fā)消息——要確認(rèn) Channel 真正可用需要單獨(dú)驗(yàn)證把 bot 拉進(jìn)會(huì)話(huà)、實(shí)際發(fā)一條消息。Channel 名稱(chēng)解析與通道聲明channels.mts 的resolveChannelName()決定宿主應(yīng)保持哪個(gè) Channel 在線(xiàn)優(yōu)先級(jí)為環(huán)境變量INTELLIGENCE_CHANNEL_NAME一個(gè)項(xiàng)目聲明了多個(gè) Channel 時(shí)必須顯式指定否則視為歧義錯(cuò)誤并打印候選名稱(chēng)退出.copilotkit/channels.json中聲明的唯一 Channel 名文件缺失或解析失敗都會(huì)給出不同的修復(fù)提示分別建議copilotkit channels add name或檢查 JSON 拼寫(xiě)——注釋強(qiáng)調(diào)文件不存在與JSON 損壞是兩個(gè)不同的問(wèn)題刻意分兩個(gè) try 塊處理。createDefaultChannel()則用createChannel構(gòu)建通道并注冊(cè)onMessage而非onMentionhandler——這樣 1:1 平臺(tái)與多人群組平臺(tái)都能工作。handler 把當(dāng)前消息顯式傳給thread.runAgent({ prompt })因?yàn)镃hannel 歷史不包含進(jìn)行中的回合不傳的話(huà) Agent 會(huì)以零條消息運(yùn)行出錯(cuò)時(shí)會(huì)給用戶(hù)回一句抱歉并繼續(xù)存活。已知限制為何沒(méi)有typecheck:channel與其他 Starter 不同這個(gè)模板沒(méi)有typecheck:channel腳本。原因記錄在 tsconfig.channel.json宿主的導(dǎo)入鏈會(huì)到達(dá)src/mastra/**而該子樹(shù)帶有一個(gè)與 Channel 宿主無(wú)關(guān)的既有類(lèi)型錯(cuò)誤——src/mastra/agents/index.ts第 18 行的Type Memory is not assignable to type MastraMemory。由于 TypeScript 無(wú)論include如何都會(huì)跟隨 import 鏈tsc -p tsconfig.channel.json --noEmit永遠(yuǎn)無(wú)法通過(guò)。該配置仍被channel腳本經(jīng)tsx --tsconfig使用只是用于模塊解析而非干凈的類(lèi)型檢查?？蛇x進(jìn)階CopilotKit Intelligence 線(xiàn)程與記憶CopilotKit Intelligence 為 Agent 增加持久化線(xiàn)程歷史與跨會(huì)話(huà)記憶。它需要三樣?xùn)|西COPILOTKIT_LICENSE_TOKEN、CPK_INTELLIGENCE_API_KEY以及本地運(yùn)行的 Intelligence 棧Docker Desktop 本地 Intelligence 倉(cāng)庫(kù)檢出。前置條件清單運(yùn)行中的Docker Desktop從 CopilotKit Cloud 獲取的COPILOTKIT_LICENSE_TOKEN對(duì)應(yīng) Intelligence 項(xiàng)目的CPK_INTELLIGENCE_API_KEY本地克隆的 Intelligence 倉(cāng)庫(kù)。docker-compose.intelligence.yml默認(rèn)從本 Starter 往上三級(jí)找同級(jí)目錄../../../Intelligence若檢出在其他位置用環(huán)境變量INTELLIGENCE_REPO覆蓋。啟動(dòng) Intelligence 棧在 Starter 目錄內(nèi)執(zhí)行docker compose -f docker-compose.intelligence.yml up -d --wait首次運(yùn)行會(huì)從源碼構(gòu)建 intelligence 鏡像可能需要幾分鐘。從 docker-compose.intelligence.yml 可以看到棧內(nèi)三個(gè)服務(wù)及其端口服務(wù)鏡像宿主機(jī)端口健康檢查postgrespgvector/pgvector:0.8.2-pg165485POSTGRES_HOST_PORT可覆蓋pg_isready -U intelligence -d intelligence_appredisredis:7-alpine6392REDIS_HOST_PORT可覆蓋redis-cli pingintelligencecpki/intelligence-composite:local從 Intelligence 倉(cāng)庫(kù)構(gòu)建4204 API / 4404 GatewayAPP_API_HOST_PORT/GATEWAY_HOST_PORT可覆蓋curlAPI 健康端點(diǎn) nc探測(cè) gatewaypostgres服務(wù)掛載了 docker/postgres-init/01-create-databases.sql首次啟動(dòng)即創(chuàng)建intelligence_app與intelligence_app_shadow兩個(gè)庫(kù)intelligence 服務(wù)以self_hosted模式運(yùn)行且為最小化開(kāi)發(fā)環(huán)境默認(rèn)關(guān)閉了 memory 與 structured-loggingMEMORY_ENABLED: false、SL_ENABLED: false并內(nèi)置了本地開(kāi)發(fā)用的AUTH_SECRET、RUNNER_AUTH_SECRET、SECRET_KEY_BASE等密鑰。驗(yàn)證棧健康docker compose -f docker-compose.intelligence.yml ps三個(gè)服務(wù)postgres、redis、intelligence都應(yīng)顯示healthy。配置環(huán)境變量在.env中添加COPILOTKIT_LICENSE_TOKENyour-license-token-here CPK_INTELLIGENCE_API_KEYyour-project-api-key-here INTELLIGENCE_API_URLhttp://localhost:4204 INTELLIGENCE_GATEWAY_WS_URLws://localhost:4404然后照常npm run dev啟動(dòng)即可。只要設(shè)置了CPK_INTELLIGENCE_API_KEY線(xiàn)程歷史與記憶功能就會(huì)自動(dòng)激活這正是前文 route.ts 中條件裝配CopilotKitIntelligence的觸發(fā)開(kāi)關(guān)。停止與重置# Stop without removing data: docker compose -f docker-compose.intelligence.yml down # Full reset (removes postgres redis volumes): docker compose -f docker-compose.intelligence.yml down -vdown -v會(huì)連帶刪除postgres-data與redis-data兩個(gè)命名卷如需徹底清空線(xiàn)程歷史與記憶數(shù)據(jù)可選用。調(diào)試與排障要點(diǎn)查看運(yùn)行時(shí)調(diào)試日志用npm run dev:debug即LOG_LEVELdebug npm run dev日志級(jí)別會(huì)透?jìng)鞯絪rc/mastra/index.ts的ConsoleLoggerChannel 起不來(lái)先確認(rèn).env中CPK_INTELLIGENCE_API_KEY已配置、.copilotkit/channels.json存在且可解析copilotkit channels status可查看 setup 缺口多 Channel 歧義聲明了多個(gè) Channel 時(shí)務(wù)必設(shè)置INTELLIGENCE_CHANNEL_NAME宿主會(huì)拒絕猜測(cè)Agent 不響應(yīng)檢查是否誤把 working memory 作用域配成了thread首回合會(huì)報(bào)Thread id not found應(yīng)保持resource作用域線(xiàn)程歷史共享route.ts 中的identifyUser是演示樁多用戶(hù)部署前必須替換為真實(shí)鑒權(quán)身份。小結(jié)這條集成鏈路教會(huì)了我們什么從 README 到源碼這個(gè)模板演示了一條完整的多端交付鏈路Mastra 定義能力工具 記憶→ AG-UI 適配層轉(zhuǎn)成通用 Agent → CopilotKit 運(yùn)行時(shí)在 Next.js 中調(diào)度 → 生成式 UI / 前端工具 / Human-in-the-Loop 渲染到界面 → 同一 Agent 又經(jīng) Intelligence Channel 掛到 Slack / Teams。其中Channel 宿主只持有進(jìn)程生命周期、provider 邊緣歸 Intelligence 所有的設(shè)計(jì)與working memory 必須用 resource 作用域的橋接細(xì)節(jié)都是復(fù)用該模板時(shí)最值得保留的心得。需要更深入的 API 說(shuō)明時(shí)可繼續(xù)查閱倉(cāng)庫(kù)中的 CopilotKit 文檔源碼如 docs 目錄下的相關(guān)頁(yè)面與copilotkit/*各包源碼packages/runtime、packages/channels?！久赓M(fèi)下載鏈接】CopilotKitThe Frontend Stack for Agents Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol項(xiàng)目地址: https://gitcode.com/GitHub_Trending/co/CopilotKit創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考