Communitygithub.com

dzhng/jevgrep

Créez une vidéo de lancement de qualité showreel, avec musique, qui présente un CLI, une bibliothèque ou un produit à partir de son dépôt GitHub. Utilisez-la lorsqu'on vous demande une vidéo de lancement, promotionnelle, dynamique ou de showreel, une introduction animée pour un projet, ou une vidéo à publier sur X/les réseaux sociaux.

Qu'est-ce que jevgrep ?

Le skill **Launch Video** transforme n'importe quel dépôt logiciel en une vidéo de lancement de qualité showreel, digne d'un motion designer professionnel. Il s'adresse aux développeurs et créateurs de contenu qui souhaitent promouvoir un outil CLI, une bibliothèque ou un produit technique sur les réseaux sociaux (X, LinkedIn) ou lors de lancements. Le workflow guide l'agent à travers cinq étapes clés : trouver l'histoire dans la documentation, concevoir un concept visuel original ancré dans une analogie familière, synchroniser la musique et les visuels à partir d'une source temporelle unique, réaliser une revue « réalisateur » avec des critiques objectives, et finaliser la livraison (miniature, rendu H.264 1080p60, package autonome). La philosophie centrale est « montrer, ne pas dire » : le texte est un dernier recours, chaque plan doit être un mouvement porteur de sens, et le résultat final doit passer le « test de la showreel » – un motion designer serait-il fier d'inclure ce plan dans son portfolio ? Le skill impose des règles strictes : reconstruire les UI plutôt que de les capturer, vérifier les effets image par image, maintenir l'exactitude des affirmations, et mesurer le mix audio plutôt que de se fier à l'oreille. Il est conçu pour fonctionner avec des outils de génération vidéo comme Remotion, et le code de la musique est synthétisé pour garantir une synchronisation parfaite.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/dzhng/jevgrep/tree/HEAD/.agents/skills/launch-video

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Vidéo de Lancement

La barre est une showreel : la pièce qu'un motion designer met sur son CV pour prouver son talent — dynamique, ambitieuse, calée sur la musique, une vraie production professionnelle, jamais une démo ou un prototype. Allez-y à fond. Le dépôt fournit l'histoire ; le savoir-faire est le vôtre. Rien ici n'est un modèle : si cette pièce pouvait être habillée pour n'importe quel autre projet, c'est un échec.

Flux de travail

  1. Trouvez l'histoire. Lisez le README, la documentation, les benchmarks et les éléments graphiques de la marque. Terminé lorsque vous pouvez énoncer, avec une source, en une ligne : ce que c'est, comment ça marche en coulisses (le public est technique), et la preuve qui mérite d'être mise en avant. Signalez toute affirmation que le dépôt ne peut pas étayer, plutôt que d'inventer sa signification.
  2. Réalisez avant de construire. Choisissez un concept visuel unique qui émerge de ce qu'est le projet en soi (ses métaphores, ses éléments graphiques, son mécanisme) : un univers avec son propre look, sa caméra et son mouvement signature, plutôt qu'une séquence de panneaux. Engagez-vous ensuite sur une analogie familière du monde réel pour le mécanisme (construire une ville, gérer une cuisine, un braquage) et associez chaque étape à son vocabulaire : nommez chaque étape dans le vocabulaire de l'analogie, et donnez à chacune les accessoires du quotidien qui l'expliquent d'un coup d'œil (un trépied de géomètre, des piquets, des grues, un cachet d'inspection). Le clair prime sur l'intelligent : le spectateur doit comprendre chaque étape à partir de références qu'il connaît déjà, sans lire un mot. Rédigez cela sous forme de liste de plans sur une timeline musicale. Terminé lorsque chaque plan nomme son mouvement de caméra et le moment unique dont un motion designer serait fier. Un plan dont la description est « une carte/un panneau/une liste apparaît » doit être repensé.
  3. Construisez l'image et la partition depuis une seule source temporelle. Chaque événement temporel vit à un seul endroit que les scènes et la bande-son lisent, afin que les moments forts s'alignent parfaitement. Synthétiser la musique dans le code maintient ce verrouillage exact.
  4. Révisez en tant que réalisateur. Rendu d'une ébauche, disposez chaque plan en planches contact et obtenez une critique d'un regard neuf de la part d'un sous-agent qui n'a pas vu votre plan. Puis demandez à chaque plan la question de la showreel. Corrigez et refaites le rendu jusqu'à ce que chaque plan réussisse, pas un échantillon.
  5. Livrez. Créez la miniature (règles ci-dessous), faites le rendu final (1080p60, H.264 haute qualité, AAC 320 kbit/s), révélez-le dans le Finder, et engagez le projet dans le dépôt en tant que package autonome, avec les rendus et l'audio généré ignorés, et un court README couvrant les commandes, le principe de timing, et les sources des affirmations et la méthodologie gardées en dehors du film.

Marketing, pas un livre blanc

Mettez en avant le produit et quelques avantages mémorables. Gardez la méthodologie, les tailles d'échantillon, les tolérances pour données manquantes, les réserves sur les benchmarks et les citations des sources dans le README du package ou dans un rapport lié, pas dans la vidéo ou l'image clé. N'ajoutez pas de petits caractères, de notes de bas de page astérisques, de blocs de clause de non-responsabilité ou de narration défensive. Si une affirmation a besoin d'être nuancée pour rester vraie, réduisez le titre lui-même ; n'utilisez jamais de texte minuscule pour sauver un titre trompeur. Examinez chaque image pour la charge de lecture ainsi que pour la qualité visuelle.

Montrer, ne pas dire

Le texte est le dernier recours. Avant qu'un mot n'apparaisse à l'écran, trouvez l'image qui le rend inutile : un objet qui se transforme, un monde qui change, un mouvement qui exécute l'idée. Gardez le texte uniquement là où rien de visuel ne peut le porter : les vraies commandes du produit, son nom, et une affirmation qui doit être exacte. La seule exception est l'orientation : donnez à chaque plan un en-tête indiquant ce qui se passe (il peut être dynamique, comme un compteur en direct qui ticke avec l'action), sinon la meilleure animation ressemble à un mouvement aléatoire. Lorsqu'une ébauche repose sur des étiquettes, des légendes ou des sous-titres pour expliquer ce qui se passe, repensez le plan plutôt que de reformuler le texte.

La question de la showreel

Un motion designer mettrait-il ce plan sur sa showreel ? Indices montrant qu'il a glissé vers l'explication ou le démo :

  • Diaporama animé. Une disposition statique où les éléments glissent et restent figés. La caméra d'une showreel est toujours en mouvement, et sa composition change constamment.
  • Lecture, pas visionnage. Paragraphes, cartes d'interface, corps de texte, ou sous-titre sous un titre (un titre qui a besoin d'un sous-titre, c'est deux idées). Une showreel parle en quelques mots à une échelle dramatique, et le visuel porte le mécanisme.
  • Métaphore brisée. Une action qui ne fait pas ce qu'elle représente : une coupure qui ignore les morceaux qu'elle prétend diviser, une étiquette que personne ne pourrait lire sur son fond. Rendez le mouvement fidèle aux objets à l'écran.
  • Un seul truc. Chaque élément apparaît de la même manière. Une showreel montre de la variété : profondeur et parallaxe, contraste d'échelle, cut match et transitions qui transportent un élément vers le plan suivant, rampes de vitesse, changements d'éclairage et de couleur, particules et physique, typographie qui bouge comme un design.
  • Plat. Tout repose sur un seul plan à une seule échelle, sans avant-plan, arrière-plan ni lumière.
  • Sourd. Le mouvement ignore la musique, ou la musique se contente d'accompagner l'image au lieu de la conduire.
  • 3D prototype. Primitives non texturées sous une lumière plate, sans objectif : ça ressemble à une démo technique. Si la pièce est en 3D, finissez-la comme une cinématique de jeu : matériaux physiquement réalistes avec détails de surface et chanfreins qui captent la lumière, reflets et ombres douces, émissifs qui brillent, et un objectif (occlusion ambiante, profondeur de champ, grain, aberration sur les impacts).

Règles

  • Reconstruisez, ne capturez jamais l'écran. Décomposez toute interface en parties qui peuvent bouger.
  • Jugez les effets sur une image rendue, jamais sur l'aperçu en direct. Les rendeurs image par image (l'avance manuelle de Remotion, par exemple) peuvent silencieusement laisser tomber une pile d'effets ou un calque de canvas qui semble correct en direct.
  • Les affirmations restent exactes. Vérifiez les affirmations des titres par rapport à la source et gardez leur portée claire dans le titre. Conservez les preuves à l'appui dans la documentation ; suivez la règle marketing ci-dessus pour ce qui doit être à l'écran.
  • Vous ne pouvez pas écouter. Vérifiez le mix par mesure (sonie intégrée autour de −11 à −14 LUFS, et un spectrogramme montrant les crescendos et les impacts à leurs moments définis), et mentionnez dans la passation que l'audio a été vérifié par mesure, pas à l'oreille.
  • Miniature. Les fils d'actualité (X) choisissent une image précoce et ignorent une affiche d'une image, alors maintenez l'aperçu ~0,3 s de pré-rouleau, puis déplacez-le dans l'ouverture (décalez la musique du même montant). Adaptez l'arrière-plan du pré-rouleau à celui de l'ouverture pour que la lecture ne clignote pas. La meilleure prévisualisation est le produit en train de faire son travail (nom, slogan, une commande complétée et son résultat) ; le chiffre principal a son plan de révélation et une image clé séparée.

Skills associés