// devtools · ag-ui-protocol/ag-ui

ag-ui

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

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

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

プロジェクト基本情報

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

仕組み

  1. Decide what your agent should show users

    Pick the interaction you need first: streaming chat, shared state between agent and UI, frontend tool calls, or human-in-the-loop approval steps.

  2. Create a starter app

    Scaffold a new AG-UI application with the create-ag-ui-app tool, or add AG-UI to an existing agent built on a supported framework such as LangGraph or CrewAI.

  3. Wire the event stream

    Connect your agent backend to the frontend over a transport such as SSE or WebSockets, using the reference HTTP implementation and the standard event types.

  4. Run and iterate in the Dojo

    Open the AG-UI Dojo examples to see each building block in 50-200 lines of code, then adapt one to your own agent and UI.

// 機能

選ばれる理由

Standard event types

Agent backends emit events compatible with roughly 16 standard AG-UI event types, so any compliant frontend can render agent runs consistently.

Real-time agentic chat

Streaming chat is a core feature, letting users watch tokens and progress as the agent works rather than waiting for a final answer.

Bi-directional state sync

Application state is synchronized in both directions, so the agent and the user can both read and update a shared view of the work.

Generative UI

The protocol supports generative UI and structured messages, letting agents render rich components instead of plain text only.

Frontend tool integration

Agents can call tools that live in the frontend, so an agent can trigger actions in the app the user is already looking at.

Human-in-the-loop

Built for collaboration patterns where a person reviews, edits or approves agent steps before the agent continues.

Advertisement
// 自分で実行

自分で実行してみる

  1. Clone the repository

    Clone the protocol repo to explore the spec, SDKs and the Dojo example apps locally.

    git clone https://github.com/ag-ui-protocol/ag-ui.git
    cd ag-ui
  2. Scaffold a new app

    Create a fresh AG-UI application in seconds with the official scaffolding command from the README.

    npx create-ag-ui-app my-agent-app
  3. Explore the Dojo

    Run or browse the Dojo building-block examples in the repo to see each AG-UI feature in a small, focused app.

    cd apps/dojo  # see README for the exact command
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

Who maintains AG-UI?

The ag-ui-protocol open-source organization maintains it; it grew out of CopilotKit's agent-interactivity work and has first-party and community contributors across many frameworks.

Is AG-UI free to use?

Yes. It is open source under the MIT license, which permits commercial use, modification and distribution.

Does AG-UI need a paid API key?

AG-UI itself is just a protocol and needs no key. The agent you connect behind it will use whatever model provider you choose, which may require your own API key.

How does AG-UI compare with MCP or A2A?

They are complementary: MCP gives agents tools, A2A lets agents talk to other agents, and AG-UI brings agents into user-facing applications.

How do I get started?

Run npx create-ag-ui-app my-agent-app, or open the AG-UI Dojo to copy a small working example for your framework.

// さらに探索

似ているツール

開発ツール

ai

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

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

rust-sdk

rmcp: the official Rust SDK for the Model Context Protocol — tokio-based servers and clients

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

CopilotKit

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

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

cocoindex-code

Lightweight AST-based semantic code search CLI (ccc) that makes coding agents faster and cheaper

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

memorax-code

Shared memory for coding agents: lessons, repo knowledge, and your preferences, carried across sessions.

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

cavemem

Persistent memory for coding agents — frozen, but its core lives on in Caveman.

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

代替候補: 開発ツール

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

// さらに見る devtools

さらに見る: 開発ツール

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

ag-uiを入手する

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