reel

Reel est un outil open-source conçu pour créer des démonstrations sous forme de code (demos-as-code) destinées aux applications web et aux interfaces en ligne de commande. Le fonctionnement repose sur un petit fichier spécification au format YAML qui pilote l'application réelle — que ce soit dans un navigateur Chromium via Playwright ou dans un terminal réel — et enregistre ce qui se passe effectivement. Les séquences enregistrées sont ensuite transformées en GIF, MP4, fichiers WebM, tableaux d'images PNG et compositions HTML interactives alimentées par HyperFrames. Le flux de travail repose sur un fichier de spécification : vous le rédigez ou le capturez, exécutez `reel check` pour vérifier que chaque étape fonctionne toujours, puis `reel shoot` pour produire les séquences. La commande `reel compose` permet de structurer un projet HyperFrames, où les auteurs remplissent les descriptions des scènes avant rendu final. Fonctionnalités principales : - **Mode capture** : pilotez votre application manuellement et laissez Reel écrire automatiquement la spécification, y compris des sélecteurs accessibles stables. - **Grammaire des scènes** : cartes-titres, appels d'attention, surlignages, transitions, diagrammes (Mermaid), zooms, défilements, gestes de glisser-déposer, structurés en séquences orientées plutôt qu'en enregistrements bruts. - **Préréglages de livraison** : sorties optimisées pour les fichiers README, réseaux sociaux, documentation et partage haute fidélité. - **Audio** : narration optionnelle via ElevenLabs ou OpenAI, effets sonores synthétisés, musique d’ambiance avec atténuation et synchronisation image-parole. - **Sous-titres et localisation** : fichiers SRT/VTT annexes avec variantes traduites par LLM selon les langues. - **Gestion de l’authentification** : connectez-vous une fois hors caméra avec une session Playwright sauvegardée ; les démos se rejouent authentifiées sans exposer les mots de passe dans les spécifications. - **Déterminisme** : fige les horloges, désactive les animations, fixe la localisation/fuseau horaire pour des rendus reproductibles. - **Plugin Claude Code** : concevoir et améliorer les démos via du langage naturel à l’aide des compétences `/reel` et `/reel-polish`. - **Interface studio** : une interface Next.js locale pour l’édition des spécifications, l’enregistrement avec aperçu en direct, l’aide par IA et la détection de dérives. - **Intégration CI** : `reel check` agit comme un test de fumée qui bloque le pipeline si les flux de démo sont cassés. - **Support d’éditeur** : auto-complétion du schéma YAML pour VS Code, JetBrains et Neovim. Tout cela s’exécute localement — licence MIT 100 %, pas de SaaS, pas d’hébergement requis. Nécessite Node.js 22+ et TypeScript.