AIKraft/AI/Войти
AIKraft/Skills/Trigger в реальном времени

Trigger в реальном времени

Subscribe to Trigger.dev task runs in real-time from frontend and backend. Use when building progress indicators, live dashboards, streaming AI/LLM responses, or React components that display task status.

triggerdotdev official Дизайн

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

Набор React-хуков и SDK-функций для подписки на изменения состояния задач Trigger.dev в реальном времени, стриминга данных и запуска задач непосредственно из браузера. Позволяет создавать индикаторы прогресса, live-дашборды и интерфейсы взаимодействия с AI/LLM без ручного опроса API.

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

  • Отображение статуса выполнения задачи (run) и метаданных прогресса в интерфейсе пользователя.
  • Стриминг ответов AI или текста в реальном времени с использованием хука useRealtimeStream.
  • Запуск задач Trigger.dev из фронтенда с использованием одноразовых Trigger Token.
  • Отправка входных данных (input) в уже запущенную задачу или завершение wait-токенов через интерфейс.

Как работает

  1. Установить пакет @trigger.dev/react-hooks для фронтенда; @trigger.dev/sdk должен быть установлен для бэкенда.
  2. На бэкенде создать токен: Public Access Token для чтения/подписки (auth.createPublicToken) или Trigger Token для запуска задач (auth.createTriggerPublicToken).
  3. В компоненте React (с директивой "use client") использовать хуки, такие как useRealtimeRun, useTaskTrigger или useRealtimeStream, передав полученный токен.
  4. При необходимости оптимизировать передачу данных, используя параметр skipColumns для исключения payload, output и других полей из подписки.
  5. Обработать состояние задачи через свойства run, error, isLoading или callback onComplete.

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

Создай компонент React, который отображает текущий статус задачи Trigger.dev, используя useRealtimeRun и публичный токен доступа.
Реализуй стриминг AI-ответа во фронтенде с помощью useRealtimeStream, подключив к нему runId и токен.
Напиши кнопку в Next.js, которая запускает задачу Trigger.dev из браузера, используя useTaskTrigger и одноразовый Trigger Token.

Что понадобится

  • Установленный пакет @trigger.dev/react-hooks
  • Установленный пакет @trigger.dev/sdk
  • React-компоненты с директивой "use client"

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

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

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

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