快速构建APP内的AI Copilot

项目简介

快速构建 In-App 的 Copilot，内建 Memory、RAG、Agents/Action 机制的 Copilotkit 开源，目前 6.1K Star 

1. 与@LangChainAI

整合，支持 React 组件构建 Copilot 或 AI Textarea 

2. 支持类@v0式的 Generative UI 

3. 提供 N+ 示例，语音助手、AI PPT、AI UI 等

组件

? <CopilotChat />: 
构建可感知应用程序的人工智能聊天机器人，可以“查看”当前应用程序状态并在应用程序内采取操作。

AI 聊天机器人可以通过插件与您的应用程序前端和后端以及第 3 方服务（Salesforce、Dropbox 等）对话。

支持生成式 UI。几秒钟内开始：

? <CopilotTextarea />: 

任何 <textarea />. 人工智能辅助文本生成的直接替代品。
自动补全+人工智能编辑+从头开始生成。基于用户的数据和 Copilot 应用程序上下文。

只需将 textarea 更改为 CopilotTextarea 。

? 应用内代理（由 LangChain 提供支持）：

使代理能够访问实时应用程序上下文，并让代理在应用程序内执行操作。

? Co-Agents（由 LangChain 提供支持。即将推出。）：

允许最终用户通过本机应用程序用户体验观察和干预应用程序内代理的操作。最终用户可以纠正中间步骤中出现的错误（如果有），并从该点开始重新启动代理操作。

它是如何工作的

在您的应用程序中定义以下简单的入口点，CopilotKit?执行引擎会处理其余的事情！

• 应用程序状态（前端+后端+第3方）

• 应用程序交互（通过纯打字稿代码，前端+后端）

• 特定用途的LLM链

• 和更多。

安装

npm i @copilotkit/react-core @copilotkit/react-ui @copilotkit/react-textarea

构建模块

文档中提供了更全面和最新的概述。
但粗略地说：

Copilot入口点

• ✅ useCopilotReadable ：将前端状态提供给副驾驶

• ✅ useMakeCopilotDocumentReadable ：向副驾驶提供文档状态，对于第 3 方状态尤其有用（例如，Gong 通话记录）。

• ✅ useCopilotAction ：前端应用程序交互

• ✅ CopilotRuntime ：服务器端运行时

• ? useCopilotChain ：提供特定于用例的 LLM 链

内置 UI 组件

• ✅ <CopilotSidebar> ：内置、可破解的 Copilot UI（可选 - 您可以自带 UI）。

• ✅ <CopilotPopup> ：内置弹出用户界面。

• ✅ <CopilotChat> ：独立聊天 UI

• ✅ <CopilotTextarea /> ：用 Copilot 自动补全替换 <textarea /> 。

• ✅ useCopilotChat() 用于完全自定义的 UI 组件

• ? 在聊天中使用自定义用户体验元素（即将推出）