LibreAI / 開発ツール / CopilotKit
// devtools · CopilotKit/CopilotKit

CopilotKit

CopilotKitは、CopilotKitが公開しているオープンソースの開発ツールプロジェクトです(GitHub: CopilotKit/CopilotKit)。GitHubスターは37,846、フォークは4,713で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年10月8日です。

The frontend stack for AI agents and generative UI in React, Angular, mobile and chat apps

★ 37.8k スター⑂ 4.7k フォークMIT更新 2026年10月
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

リポジトリ
CopilotKit/CopilotKit
GitHubスター
37,846
フォーク
4,713
ライセンス
MIT
GitHubでの最終更新
2026年10月8日
カテゴリ
開発ツール
掲載タイプ
完全なインストールガイド
公式サイト
Official site
// 仕組み

仕組み

  1. Clarify your goal

    Decide what you want to achieve with CopilotKit and check the README on GitHub for requirements before installing.

  2. Get the code

    Clone the repository from GitHub (or take the packaged install route in step 3 if the README offers one).

  3. Install and configure

    Follow the project's documented install commands — the Run section below lists the exact ones — and add any required API keys or models.

  4. Run your first task

    Work through the README's quickstart example end to end, then adapt it to your own project or data.

// 機能

選ばれる理由

Generative UI

Agents render rich, app-native UI components — not just text — so results appear as cards, forms and dashboards inside your product.

useAgent hook

A first-class hook (highlighted in the README as the useAgent hook) connects your frontend components to a running agent's state and actions.

AG-UI protocol

Built on AG-UI, the open Agent-User Interaction protocol from the same team, so any AG-UI-compatible agent backend can drive the UI.

Multi-channel reach

The same agent can surface in web and mobile apps and in chat channels such as Slack, per the project's channel support.

Works with your stack

Designed to plug into existing React, Angular, Next.js and mobile codebases rather than forcing a rewrite.

Agent skills and scaffolding

Official skills and CLI scaffolding (copilotkit create / create-ag-ui-app) help you start a new agent app or add CopilotKit to an existing one.

Advertisement
// 自分で実行

自分で実行してみる

  1. Clone the repository

    Get the CopilotKit source, which includes the packages, examples and docs.

    git clone https://github.com/CopilotKit/CopilotKit.git
    cd CopilotKit
  2. Start a new agent app

    Use the official scaffolding CLI to generate a ready-to-run agent application.

    npx copilotkit@latest create
  3. Or add it to an existing project

    Run the onboarding command in your existing app, or scaffold a plain AG-UI app with create-ag-ui-app.

    npx --yes copilotkit@latest onboard start
    # alternative: npx create-ag-ui-app my-agent-app
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

Who maintains CopilotKit?

CopilotKit is maintained by the CopilotKit organization/account on GitHub, together with open-source contributors, in the public repository CopilotKit/CopilotKit.

Is CopilotKit free to use?

Yes — the code is open source under the MIT license. You can use, modify and redistribute it under that license's terms.

Does CopilotKit need a paid API key?

CopilotKit itself is free and open source, but the agent you connect it to usually needs an LLM — so in practice you bring your own model provider API key (or a self-hosted agent backend).

How does CopilotKit compare to assistant-ui / plain chat SDKs?

Unlike a plain chat widget, CopilotKit is built around the AG-UI protocol and generative UI, so agents can render and control real app components, not only stream text.

How do I get started with CopilotKit?

Clone the repository from GitHub, follow the install commands in the Run section (taken from the project's README), and complete the documented quickstart example before adapting it to your own use case.

// さらに探索

似ているツール

開発ツール

skybridge

Skybridge: the full-stack TypeScript framework for building type-safe MCP Apps and ChatGPT Apps with React.

★ 2.1k スターMIT
ガイドを見る →
開発ツール

ai

Vercel's AI SDK: the TypeScript toolkit for building AI apps and agents with any model provider

★ 27.2k スターNOASSERTION
ガイドを見る →
開発ツール

ag-ui

Open, event-based protocol that connects AI agents to user-facing apps with streaming and shared state.

★ 16.4k スターMIT
ガイドを見る →
開発ツール

Athas

A lightweight, cross-platform code editor, built with Tauri (Rust and React) with Git support, AI agents, vim keybindings

★ 3.1k スターCustom (check repo)
ガイドを見る →
開発ツール

aichat

One Rust CLI for every LLM: shell assistant, chat REPL, RAG, tools and agents across 20+ providers.

★ 10.5k スターApache-2.0
ガイドを見る →
開発ツール

rea

Reverse engineer anything with agents - from app behavior down to native binaries

★ 21.4k スターMIT
ガイドを見る →
// 代替候補

代替候補: 開発ツール

LibreAIカタログに掲載された開発ツールプロジェクトの中で最もスターの多いもの — CopilotKitが合わなかった場合に検討したい、現実的な候補リストです。

// さらに見る devtools

さらに見る: 開発ツール

カタログの中でCopilotKitとスター数が近い開発ツールプロジェクト — 前後の棚もそのまま見て回れます。

CopilotKitを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。