AIKraft/Skills/copilotkit agui

copilotkit agui

Use when building custom agent backends, implementing the AG-UI protocol, debugging streaming issues, or understanding how agents communicate with frontends. Covers event types, SSE transport, AbstractAgent/HttpAgent patterns, state synchronization, tool calls, and human-in-the-loop flows.

copilotkit official Дизайн

Что делает навык

AG-UI — это открытый событийный протокол CopilotKit для коммуникации агентов с UI, где взаимодействие происходит через типизированные события, передаваемые по SSE или бинарному protobuf. Агент реализует метод AbstractAgent.run(), возвращающий RxJS Observable<BaseEvent>, а клиентский SDK обрабатывает применение событий, управление состоянием и историю сообщений.

Когда применять

  • Создание собственного бэкенда агента, который должен поддерживать протокол AG-UI
  • Отладка проблем, когда события не доходят до фронтенда или приходят с ошибками
  • Реализация паттернов human-in-the-loop (прерывание и возобновление выполнения)
  • Работа с синхронизацией состояния через снимки (snapshots) или дельты JSON Patch

Как работает

  1. Реализовать метод AbstractAgent.run(), который возвращает RxJS Observable<BaseEvent>
  2. Настроить транспорт для передачи событий, используя SSE (Server-Sent Events) или бинарный protobuf
  3. Обеспечить правильную последовательность событий: жизненный цикл, текст, вызовы инструментов и состояние
  4. Использовать клиентский SDK для применения событий, управления состоянием и ведения истории сообщений

Примеры запросов агенту

Как реализовать AbstractAgent.run() для нового фреймворка интеграции?
Почему события не доходят до фронтенда или приходят некорректно?
Как реализовать flow прерывания и возобновления (human-in-the-loop)?

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «copilotkit-agui» из репозитория: # https://github.com/copilotkit/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r copilotkit-agui/ ~/.claude/skills/copilotkit-agui/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.