# trigger-realtime

Скилл для подписки на выполнение задач Trigger.dev прямо из браузера, рендера прогресса и потоков данных в React, а также запуска задач со скромными токенами.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2800 установок · ★ 35
- Автор: triggerdotdev
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/triggerdotdev/skills/tree/HEAD/trigger-realtime/SKILL.md
- Обновлён: 2026-10-19
- HTML: https://affpapa.org/nevibecode/skills/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"]`, чтобы сэкономить трафик.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add triggerdotdev/skills --skill trigger-realtime -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/trigger-realtime/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/trigger-realtime/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add triggerdotdev/skills --skill trigger-realtime -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/trigger-realtime/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add triggerdotdev/skills --skill trigger-realtime -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/trigger-realtime/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install triggerdotdev/skills trigger-realtime
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/trigger-realtime/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add triggerdotdev/skills --skill trigger-realtime -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/triggerdotdev/skills --path trigger-realtime
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/trigger-realtime/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add triggerdotdev/skills --skill trigger-realtime -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/triggerdotdev/skills/tree/HEAD/trigger-realtime/SKILL.md

## Когда брать
- показать живой прогресс выполнения задачи в интерфейсе
- вывести статус-бейдж или прогресс-бар без перезагрузки страницы
- запустить задачу из кнопки в браузере
- получить и вывести текстовый или AI-поток в React-компоненте
- отправить данные пользователя обратно в выполняемую задачу

## Примеры запросов агенту
- Покажи прогресс выполнения задачи run_1234 с токеном accessToken в компоненте статуса
- Создай кнопку для запуска задачи my-task из браузера с параметрами { foo: "bar" }
- Выведи поток данных от ключа ai-output в компоненте с ID задачи runId и токеном accessToken

## Похожие
- [neon-realtime](https://affpapa.org/nevibecode/skills/neon-realtime.md) — скилл · 6000 установок
- [convex-realtime](https://affpapa.org/nevibecode/skills/convex-realtime.md) — скилл · 2900 установок
- [inngest-realtime](https://affpapa.org/nevibecode/skills/inngest-realtime.md) — скилл · 797 установок
- [websocket-realtime-builder](https://affpapa.org/nevibecode/skills/websocket-realtime-builder.md) — скилл · 529 установок
- [realtime](https://affpapa.org/nevibecode/skills/realtime.md) — скилл · 634 установки
- [supabase-audit-realtime](https://affpapa.org/nevibecode/skills/supabase-audit-realtime.md) — скилл · 522 установки

Из того же набора: [triggerdotdev/skills](https://affpapa.org/nevibecode/by/triggerdotdev/skills.md) — 4 карточки

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md