返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

快速构建APP内的AI Copilot

[复制链接]
链载Ai 显示全部楼层 发表于 半小时前 |阅读模式 打印 上一主题 下一主题

项目简介

快速构建 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链

  • 和更多。


安装

npmi@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 组件

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


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

链载AI是专业的生成式人工智能教程平台。提供Stable Diffusion、Midjourney AI绘画教程,Suno AI音乐生成指南,以及Runway、Pika等AI视频制作与动画生成实战案例。从提示词编写到参数调整,手把手助您从入门到精通。
  • 官方手机版

  • 微信公众号

  • 商务合作

  • Powered by Discuz! X3.5 | Copyright © 2025-2025. | 链载Ai
  • 桂ICP备2024021734号 | 营业执照 | |广西笔趣文化传媒有限公司|| QQ