Back to list
meetsmore

ag-ui-protocol

by meetsmore

A React client/framework for easily enabling AI to control your users frontend.

3🍴 0📅 Jan 23, 2026

SKILL.md


name: ag-ui-protocol description: AG-UI (Agent-User Interaction) protocol reference for building AI agent frontends. Use when implementing AG-UI events (RUN_STARTED, TEXT_MESSAGE_, TOOL_CALL_, STATE_*), building agents that communicate with frontends, implementing streaming responses, state management with snapshots/deltas, tool call lifecycles, or debugging AG-UI event flows. allowed-tools:

  • Read
  • Grep
  • Glob
  • Edit
  • Bash

AG-UI Protocol

The Agent-User Interaction (AG-UI) Protocol is an open, lightweight, event-based protocol that standardizes how AI agents connect to user-facing applications.

When to Use This Skill

Use this skill when:

  • Implementing AG-UI protocol events in your code
  • Building agents that communicate with frontends via AG-UI
  • Understanding the event types and their structure
  • Implementing state management, tool calls, or message streaming
  • Debugging AG-UI event flows

Documentation

See the docs/2025-11-27/ directory for complete AG-UI protocol documentation:

  • introduction.md - Protocol overview and integrations
  • concepts/architecture.md - Core architecture and design
  • concepts/events.md - Event types and patterns
  • concepts/messages.md - Message structure and types
  • concepts/state.md - State management and synchronization
  • concepts/tools.md - Tool definitions and lifecycle
  • concepts/agents.md - Agent implementation
  • concepts/middleware.md - Middleware patterns
  • concepts/serialization.md - Event serialization and compaction
  • quickstart/introduction.md - Getting started guide
  • quickstart/server.md - Server implementation
  • quickstart/clients.md - Client implementation

Quick Reference

Event Types

enum EventType {
  // Lifecycle
  RUN_STARTED = "RUN_STARTED",
  RUN_FINISHED = "RUN_FINISHED",
  RUN_ERROR = "RUN_ERROR",
  STEP_STARTED = "STEP_STARTED",
  STEP_FINISHED = "STEP_FINISHED",

  // Text Messages
  TEXT_MESSAGE_START = "TEXT_MESSAGE_START",
  TEXT_MESSAGE_CONTENT = "TEXT_MESSAGE_CONTENT",
  TEXT_MESSAGE_END = "TEXT_MESSAGE_END",

  // Tool Calls
  TOOL_CALL_START = "TOOL_CALL_START",
  TOOL_CALL_ARGS = "TOOL_CALL_ARGS",
  TOOL_CALL_END = "TOOL_CALL_END",

  // State
  STATE_SNAPSHOT = "STATE_SNAPSHOT",
  STATE_DELTA = "STATE_DELTA",
  MESSAGES_SNAPSHOT = "MESSAGES_SNAPSHOT",

  // Custom
  RAW = "RAW",
  CUSTOM = "CUSTOM",
}

Event Patterns

  1. Start-Content-End: Streams content incrementally (text, tool arguments)
  2. Snapshot-Delta: State synchronization using complete snapshots + JSON Patch updates
  3. Lifecycle: Run monitoring with mandatory start/end events

Message Roles

  • user - User messages (text and multimodal)
  • assistant - AI responses (text and tool calls)
  • system - Instructions or context
  • tool - Tool execution results
  • activity - Progress updates
  • developer - Internal debugging

Tool Definition Structure

interface Tool {
  name: string;           // Unique identifier
  description: string;    // Purpose explanation
  parameters: JSONSchema; // Accepted arguments
}

Tool Call Lifecycle

  1. TOOL_CALL_START - Initiates with unique ID
  2. TOOL_CALL_ARGS - Streams JSON arguments
  3. TOOL_CALL_END - Marks completion

State Synchronization

  • STATE_SNAPSHOT - Complete state replacement
  • STATE_DELTA - Incremental JSON Patch (RFC 6902) updates

Source

Documentation downloaded from: https://github.com/ag-ui-protocol/ag-ui/tree/main/docs

Score

Total Score

60/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon