copilotkit

用途：在 React 应用中嵌入 AI 副驾驶能力，如聊天界面、生成式 UI、前端/后端工具调用、共享状态、人在环路审批及与智能体框架集成。\n\n安装：npm install @copilotkit/react-ui @copilotkit/react-core；自托管运行时再装 @copilotkit/runtime。\n\n主要能力：内置 CopilotPopup、CopilotSidebar、CopilotChat 三种聊天组件；核心钩子包括 useCopilotReadable（向 LLM 提供上下文）、useFrontendTool（前端可执行工具并可选渲染 UI）、useRenderToolCall、useDefaultTool、useCopilotChat（无头聊天 API）、useCopilotChatSuggestions；生成式 UI 支持静态 AG-UI、声明式 A2UI/Open-JSON-UI、开放式 MCP Apps 三种模式；通过 useCoAgent 与 useCoAgentStateRender 实现与 LangGraph 的共享状态；useLangGraphInterrupt 支持人类参与中断流程；自托管运行时可用 CopilotRuntime 定义后端 actions，按页面动态暴露。\n\n使用方式：在 layout 中用 CopilotKit Provider 包裹，选择 publicApiKey 走 Copilot Cloud 或 runtimeUrl 走自托管；在组件内调用上述钩子连接状态与工具。可用 CSS 变量、类名、labels 与 icons 自定义样式。\n\n适用场景：为 React 应用添加聊天助手、生成式 UI、状态双向同步或审批工作流。限制：资料未提供具体计费、价格与性能指标；实际能力依赖所选模型与运行时配置。官方文档 https://docs.copilotkit.ai，GitHub https://github.com/CopilotKit/CopilotKit。