trigger-realtime — скилл для Claude Code
Скилл для подписки на выполнение задач Trigger.dev прямо из браузера, рендера прогресса и потоков данных в React, а также запуска задач со скромными токенами.
npx skills add triggerdotdev/skills --skill trigger-realtime -a claude-codeЧто делает trigger-realtime
trigger-realtime — это фронтенд-часть Trigger.dev. Он даёт React-хуки для подписки на статус выполняемой задачи, чтения потоков (текст, AI-ответы), отправки данных обратно в задачу и запуска задач с браузера. Основной тип — useRealtimeRun — подписывается на задачу по её ID и выдаёт статус, метаданные, ошибки. Есть хуки для триггера задач из кнопки (useTaskTrigger), комбинированный хук триггер + подписка (useRealtimeTaskTrigger), и useRealtimeStream для чтения потоков без всей задачи.
Все хуки из пакета @trigger.dev/react-hooks. Работают с Next.js, Remix и обычным React. Перед использованием нужно на бэкенде создать скопированный токен через auth.createPublicToken (для чтения) или auth.createTriggerPublicToken (для запуска), передать его на фронт и передать в хук как accessToken. Токены живут 15 минут по умолчанию.
Скилл предназначен только для фронтенда: определение самих задач и потоков (streams.define, metadata.set) — это дело trigger-tasks. Если нужно показать в интерфейсе только статус без полезной нагрузки, можно пропустить колонки через skipColumns: ["payload", "output"], чтобы сэкономить трафик.
Какие задачи решает
- показать живой прогресс выполнения задачи в интерфейсе
- вывести статус-бейдж или прогресс-бар без перезагрузки страницы
- запустить задачу из кнопки в браузере
- получить и вывести текстовый или AI-поток в React-компоненте
- отправить данные пользователя обратно в выполняемую задачу
Примеры запросов агенту
- Покажи прогресс выполнения задачи run_1234 с токеном accessToken в компоненте статуса
- Создай кнопку для запуска задачи my-task из браузера с параметрами { foo: "bar" }
- Выведи поток данных от ключа ai-output в компоненте с ID задачи runId и токеном accessToken
Как установить trigger-realtime
1Через Skills CLI (Vercel)
npx skills add triggerdotdev/skills --skill trigger-realtime -a claude-code2Вручную: положить файлы
~/.claude/skills/trigger-realtime/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/trigger-realtime/
1Через Skills CLI (Vercel)
npx skills add triggerdotdev/skills --skill trigger-realtime -a codex2Вручную: положить файлы
.agents/skills/trigger-realtime/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add triggerdotdev/skills --skill trigger-realtime -a cursor2Вручную: положить файлы
.cursor/skills/trigger-realtime/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install triggerdotdev/skills trigger-realtime2Вручную: положить файлы
.github/skills/trigger-realtime/SKILL.md1Через Skills CLI (Vercel)
npx skills add triggerdotdev/skills --skill trigger-realtime -a gemini-cli2Командой платформы
gemini skills install https://github.com/triggerdotdev/skills --path trigger-realtimeВручную: положить файлы
.devin/skills/trigger-realtime/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add triggerdotdev/skills --skill trigger-realtime -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о trigger-realtime
Как установить trigger-realtime в Claude Code?
Выполни в терминале npx skills add triggerdotdev/skills --skill trigger-realtime -a claude-code. Скилл загрузится в ~/.claude/skills/trigger-realtime/SKILL.md.
Зачем нужен trigger-realtime?
Чтобы на фронтенде (React, Next.js) подписаться на живой статус задачи Trigger.dev, получить потоки данных и запустить задачу из интерфейса. Без него нужно сами писать WebSocket-слушатели и логику авторизации.
Какой токен передать в хук — Public Access Token или Trigger Token?
Для подписки на задачу (useRealtimeRun, useRealtimeStream) нужен Public Access Token от auth.createPublicToken. Для запуска задачи из браузера (useTaskTrigger) — Trigger Token от auth.createTriggerPublicToken.
