跳到主要内容
ONBOARDING

三种接入方式,选一条

每条路径都能独立完成一次完整接入。你可以交给编程智能体处理,也可以手动执行命令。

接入命令在项目根目录运行,不会改动你已有的业务代码。

  • 01
    ONBOARD

    让编程智能体帮你接入

    把命令交给你的编程智能体,它会检查项目结构并引导你完成集成。这一步不需要你手动改配置。

    npx --yes copilotkit@latest onboard start

    在项目根目录运行

  • 02
    SKILLS

    安装 agent skills

    已经在使用 CopilotKit,或者刚完成接入?装上官方技能包,你的编程智能体就能构建功能、排查问题。

    npx copilotkit@latest skills install

    面向编程智能体的技能包

  • 03
    CREATE

    新建一个独立项目

    在独立目录里搭一个全新的示例项目,不会改动你现有的应用。想先看效果再决定接入,选这条。

    npx copilotkit@latest create

    不影响现有代码库

安装依赖

React 与 Next.js 项目安装核心包。Vue、Angular、React Native 使用各自 packages 目录下的包,接入方式见官方文档。

查看 npm 上的 @copilotkit/react-core

bun add @copilotkit/react-core @copilotkit/react-ui

接入之后

  • 聊天界面

    可定制的对话面板,带流式输出与工具调用展示。

  • 生成式界面

    智能体在运行时渲染你的组件,而不是返回一段文本。

  • 共享状态

    智能体与界面读写同一份数据,双向同步。

  • 人机协同

    智能体在关键步骤暂停,等用户确认或编辑。

先接一个智能体,再谈规模

从一条命令开始,让编程智能体帮你检查项目并完成接入。有问题可以直接在社区里问。

npx --yes copilotkit@latest onboard start