Trigger.dev realtime: live run updates and streams in your frontend
Le côté consommateur des runs Trigger.dev — s'abonner à l'état des runs en direct, afficher les streams IA/texte, déclencher des tâches depuis le navigateur, et générer des jetons frontend à portée limitée
- Quoi
- Le côté consommateur des runs Trigger.dev — s'abonner à l'état des runs en direct, afficher les streams IA/texte, déclencher des tâches depuis le navigateur, et générer des jetons frontend à portée limitée
- Coût
- Gratuit
- Prérequis
- un projet Trigger.dev avec des tâches backend à consommer (c'est le côté consommateur — l'écriture des tâches est un autre skill) et les paquets npm @trigger.dev/sdk + @trigger.dev/react-hooks dans votre app — le skill lui-même n'a rien à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — fiche courte (le repo ne déclare aucune licence, donc aucun contenu n'est reproduit) : le skill trigger-realtime de @triggerdotdev — le côté consommateur de l'état des runs et des streams de Trigger.dev (pas l'écriture des tâches backend ; c'est le territoire de trigger-tasks). Il couvre la pile frontend : s'abonner aux runs en temps réel (runs.subscribeToRun et le hook useRealtimeRun), consommer métadonnées et streams IA/texte en React (useRealtimeStream), déclencher des tâches depuis le navigateur (useTaskTrigger, useRealtimeTaskTrigger), générer des identifiants frontend à portée limitée dans le backend (auth.createPublicToken pour lecture/abonnement, auth.createTriggerPublicToken pour déclenchement unique depuis le navigateur — les deux avec expiration par défaut de 15 minutes), renvoyer de l'input dans une tâche en cours (useInputStreamSend), compléter les wait tokens depuis React (useWaitToken), et s'abonner depuis le backend via des itérateurs async. Le flow est toujours le même : générer un jeton à portée limitée dans le backend, le passer au frontend, s'abonner avec un hook. Il contient aussi une liste d'erreurs courantes (ne jamais déclencher depuis le navigateur avec un jeton de lecture, ne jamais générer un jeton sans portée, ne jamais poller avec useRun, toujours « use client », toujours skipColumns payload/output pour les badges de statut, garder les abonnements sur le handle). Bémols honnêtes : le skill est fourni dans @trigger.dev/sdk et lu depuis node_modules, donc il correspond à votre version du SDK installée ; il faut un projet Trigger.dev avec une tâche backend à consommer — la lecture seule du skill sans frontend n'apprend rien ; licence non déclarée par le repo source — fiche courte avec lien uniquement, rien copié. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Trigger.dev avec des tâches backend à consommer (c'est le côté consommateur — l'écriture des tâches est un autre skill) et les paquets npm @trigger.dev/sdk + @trigger.dev/react-hooks dans votre app — le skill lui-même n'a rien à installer Installe-moi « Trigger.dev realtime : mises à jour en direct et streams dans votre frontend ». Il donne à mon agent le skill trigger-realtime côté consommateur de @triggerdotdev : s'abonner aux runs en temps réel (runs.subscribeToRun, useRealtimeRun), consommer métadonnées et streams IA/texte (useRealtimeStream), déclencher des tâches depuis le navigateur (useTaskTrigger, useRealtimeTaskTrigger), générer des identifiants frontend à portée limitée dans le backend (createPublicToken / createTriggerPublicToken), renvoyer de l'input dans les tâches en cours, compléter les wait tokens, et la liste des erreurs courantes. IMPORTANT : le repo ne déclare aucune licence — récupérer depuis le lien seulement, et ne rien reproduire au-delà du lien. Dépôt : https://github.com/triggerdotdev/skills/blob/main/trigger-realtime/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « trigger-realtime ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. avoir un projet Trigger.dev avec une tâche backend, générer des jetons à portée limitée dans votre backend — les jetons frontend sont inutiles sans portées et expiration). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.