# inngest-realtime

> Claude/Codex skill by [@inngest](https://omgskills.com/library/inngest/index.md) · 1 stars · Updated 2026-10-13

Use when streaming durable workflow updates to a UI in real time — live order status pages that animate as steps complete, AI agent token streaming from a function to the browser, log tailing for long-running jobs, or human-in-the-loop approval flows that publish a prompt and wait for a user reply. Covers Inngest v4 native realtime: defining typed channels, publishing from inside step.run, minting subscription tokens via server actions, and consuming the stream from React/Next.js client components.

## Install

```sh
git clone https://github.com/inngest/inngest-claude-code-plugin /tmp/inngest-claude-code-plugin && ln -s /tmp/inngest-claude-code-plugin/skills/inngest-realtime ~/.claude/skills/inngest-realtime
```

## From README

Inngest Realtime Stream updates from durable Inngest functions to live UIs. Use channels and topics to broadcast progress, render workflow execution as it happens, or build bi-directional human-in-the-loop flows. These skills are focused on TypeScript. For Python or Go, refer to the Inngest documentation for language-specific guidance. Core concepts apply across all languages. ⚠ CRITICAL: v3 vs v4 package selection Realtime in Inngest v4 lives at the SDK subpath inngest/realtime. The standalone @inngest/realtime npm package is a v3-era package and is NOT compatible with inngest@4.x. If your project is on v4 (the npm default), do not @inngest/realtime. Use the imports below. Symptoms of using the wrong package on v4: TypeError: Cls is not a constructor on every PUT /api/inngest, 401 on subscription tokens, type incompatibility on new Inngest({ middleware: \[...\] }). Verify your package.json shows "inngest": "^4.x" before reading further.

## Links

- HTML page: https://omgskills.com/library/inngest/inngest-claude-code-plugin/skills/inngest-realtime/
- GitHub: https://github.com/inngest/inngest-claude-code-plugin
- Author: [@inngest](https://omgskills.com/library/inngest/index.md)

## More from this repo

- [inngest-agents](https://omgskills.com/library/inngest/inngest-claude-code-plugin/skills/inngest-agents/index.md) — Used when building durable AI agents or agentic workflows with Inngest and AgentKit, including model calls, tool calls,...
   - [@inngest](https://omgskills.com/library/inngest/index.md) · 1 stars
- [inngest-api](https://omgskills.com/library/inngest/inngest-claude-code-plugin/skills/inngest-api/index.md) — Used when the user explicitly asks for the Inngest REST API v2, raw HTTP, OpenAPI, API docs, API authentication, or an...
   - [@inngest](https://omgskills.com/library/inngest/index.md) · 1 stars
- [inngest-api-cli](https://omgskills.com/library/inngest/inngest-claude-code-plugin/skills/inngest-api-cli/index.md) — Used when operating Inngest API resources from the terminal with \`npx inngest-cli@latest api\`: Cloud/local run...
   - [@inngest](https://omgskills.com/library/inngest/index.md) · 1 stars