reels-maker

Crée trois looks visuels distincts pour un reel ou un film, les présente côte à côte, et ne montre jamais les mêmes trois deux fois.

Qu'est-ce que reels-maker ?

Cette skill est conçue pour les agents IA qui aident à la création de vidéos courtes (reels, films). Elle résout le problème des agents qui proposent toujours le même look par défaut. Au lieu de cela, elle génère trois propositions visuelles réellement différentes à partir d'un même plan d'ouverture, permettant ainsi au client de juger l'esthétique et non le contenu. La skill s'appuie sur un carnet des looks (`looks-log.md`) pour garantir qu'une même combinaison de médium, mise en page et palette ne soit jamais représentée, sauf demande explicite. Elle est prévue pour fonctionner avec des outils locaux (`reels-maker`) et peut être utilisée sur n'importe quel projet après la signature du brief (idéalement avec Cursor, Claude Code, ou un agent en ligne de commande). En plus d'éviter la répétition, elle permet de verrouiller un look pour une série entière, évitant ainsi les changements coûteux en cours de production.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thativanng/reels-maker/tree/HEAD/skills/reel-style

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

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

Documentation

reel-style : trois looks, côte à côte, jamais les mêmes trois deux fois

Où se trouve la trousse à outils : exécutez chaque commande de cette skill depuis le dossier reels-maker (le clone de github.com/thativanng/reels-maker qui contient template/ et tools/). Si le projet n'en a pas, configurez-le d'abord en suivant le SETUP.md de ce dépôt.

Pourquoi cela existe : un agent demandant « un reel sur X » dérive toujours vers le même look : ses propres valeurs par défaut, ou pire, le dernier look qui a été accepté. Et un look qui n'a pas été montré au départ est un look que la personne voit pour la première fois dans un film terminé, où « ça fait pas cher » signifie recommencer. Trois plans fixes coûtent quelques minutes ; un mauvais look coûte un film entier.

1 · À lire avant d'esquisser

  • Le brief signé : plate-forme, format, le spectateur, le message, la marque, et la réponse de la personne à « qu'est-ce qui fait pas cher pour toi » (une contrainte forte).
  • Le carnet des looks, .reels/looks-log.md dans le projet de la personne (format dans references/looks-log.md). Créez-le s'il manque.
  • La marque. Avec une marque, les trois looks partagent ses couleurs et ses polices et diffèrent dans leurs fondations : médium, mise en page, texture, mouvement. Sans marque, ils diffèrent sur tout.

2 · Esquisser cinq, en garder trois

Écrivez d'abord cinq concepts en une ligne, chacun partant d'un point de départ différent :

  1. le propre univers du sujet (caisses d'entrepôt pour un sujet de logistique)
  2. l'émotion que le spectateur doit ressentir
  3. le public : satisfaire son attente, ou la briser délibérément
  4. l'inverse de ce à quoi ressemble chaque autre vidéo sur le sujet
  5. un format inhabituel (un reçu, un compte à rebours, une lettre, un seul mot géant)

Gardez les trois qui diffèrent le plus. Chaque look doit différer des deux autres sur au moins 3 des 6 attributs dans references/axes.md, et toujours sur le médium ou la mise en page. Au moins un doit briser le look habituel du sujet. Deux looks ayant la même forme de mise en page comptent pour un seul. Si le brief nomme une mise en page (reel-intake F4), les trois la conservent et diffèrent sur le médium plus au moins deux autres attributs.

Ensuite, vérifiez chacun par rapport à deux listes :

  • Les looks par défaut à éviter (references/axes.md). Le propre template/starter.html de la trousse en fait partie ; c'est un squelette, jamais un look.
  • Le carnet des looks. Ne représentez jamais un look dont le médium, la mise en page et la palette correspondent tous à un look du carnet, sauf si la personne le demande. Un look rejeté est une contrainte. Un look que la personne a choisi ne revient que lorsqu'elle le demande (« pareil que la dernière fois »), et alors comme une quatrième option à côté des trois nouvelles.

3 · Construire trois plans fixes

  • Copiez template/starter.html une fois par look dans le dossier du reel (reels/<nom>/look-a.html, look-b.html, look-c.html), avec le reel.json du reel à côté ; copiez template/film.html de la même manière pour un look 3D. Les polices et formats.json se chargent depuis la racine de la trousse, donc les copies fonctionnent juste. Ne changez que le look : les tokens CSS, la mise en page, l'arrière-plan, la typographie. Chaque plan fixe utilise la même séquence d'ouverture avec les mêmes mots.
  • Rendez un plan fixe par look au format du brief, puis mettez-les côte à côte avec leurs noms :
    node tools/stills.mjs --page reels/<nom>/look-a.html --format 9:16 --out reels/<nom>/out/looks/a 1.5
    node tools/stills.mjs --page reels/<nom>/look-b.html --format 9:16 --out reels/<nom>/out/looks/b 1.5
    node tools/stills.mjs --page reels/<nom>/look-c.html --format 9:16 --out reels/<nom>/out/looks/c 1.5
    python3 tools/sheet.py reels/<nom>/out/looks/sheet.jpg 3 360 --labels "A · Ledger,B · Dock,C · Receipt" reels/<nom>/out/looks/a/t001.50.jpg reels/<nom>/out/looks/b/t001.50.jpg reels/<nom>/out/looks/c/t001.50.jpg
    
  • Vérifiez chaque plan fixe avec la sonde : les mots se trouvent à l'intérieur de la zone de sécurité (node tools/probe.mjs --page reels/<nom>/look-a.html --format 9:16 "1.5" "sel:.title,.line,.kicker,.cap" "safe" → inside: true ; la sonde mesure les lettres elles-mêmes, donc un mot qui dépasse du cadre échoue).
  • Montrez la planche avec un nom et une ligne par look, par exemple A · Ledger : typo dominante, papier clair, calme. Ajoutez une ligne sur l'énergie du mouvement, car un plan fixe ne peut pas la montrer. Ne recommandez pas l'un avant que la personne ait regardé : une recommandation l'ancrerait d'abord.

4 · Le choix, et le carnet

  • La personne en choisit un, ou les mélange (« la mise en page de A, la palette de C »). Un mélange est un nouveau look : montrez-le sous forme de plan fixe avant de construire.
  • Notez tout dans le carnet : chaque look montré (ses six attributs et le plan fixe), celui qui a été choisi, ceux qui ont été rejetés, et le verdict de la personne dans ses propres mots.
  • Ensuite, film-engine construit la bande test de 10 secondes dans le look choisi, pour son approbation avant la construction complète. Le plan fixe du look choisi est également la première ébauche de la couverture.

Mode série

Lorsque le brief dit « série », le choix du premier épisode est verrouillé dans le carnet en tant que look de la série. Les épisodes suivants sautent les trois plans fixes et conservent le look. La variété se déplace à l'intérieur : le sujet, l'image d'ouverture, l'ordre des séquences. Si la personne veut un nouveau look en cours de série, cela devient une nouvelle série.

Quand l'histoire est un parcours

La marche voxel (la skill voxel-walk) peut être l'un des trois seulement lorsque le brief est un parcours : une carrière, ou un processus du début à la fin. Ce n'est jamais le look par défaut, et elle est soumise aux mêmes règles : elle doit différer des deux autres, et le carnet s'applique.

Limites honnêtes

  • Seule la marche voxel a été construite et vérifiée de bout en bout. Chaque autre look est construit à partir du brief : le premier film dans un nouveau look prend plus de temps, et il reçoit un audit complet du film.
  • Les plans fixes montrent la couleur, la typographie et la mise en page. Ils ne montrent pas le rythme. La bande de 10 secondes est l'endroit où le mouvement est jugé.

Crédits

Les règles « esquisser cinq à partir de chemins différents, garder les outliers, même mise en page compte pour un » sont adaptées du tour de pitch de HyperFrames (heygen-com/hyperframes, Apache-2.0). L'idée de nommer les looks par défaut et de garder des notes sur ce qui a été essayé vient de la skill frontend-design d'Anthropic (paraphrasée). Même scène, look différent, côte à côte, est une pratique courante des studios de motion design pour les style frames.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

thativanng/reels-maker

The gates every code-rendered film passes before anyone sees it. A 40 fps collision pass (no mover touches a solid or another mover), pixel probes (nothing sits over or behind a face, a head, a subtitle or the frame edge), then an independent auditor (a fresh agent) who reads frame sheets at ≥2 fps and signs off. The builder never signs off their own film. Use it before sending ANY render, after every fix round, and whenever someone says "check the film", "audit this", "is it ready", or "why does this frame look wrong".

thativanng/reels-maker

Build and render a film, reel or animation as code. One HTML page draws any frame on demand with window.seek(t), and a headless browser renders every frame at 2x into an MP4 with sound. Use it whenever someone wants a video made with code rather than a video generator, says "make a film / reel / animated explainer / career video", "render this to MP4", "turn this page into a video", or needs the finishing steps (audio cues, loudness, colour-safe encode, phone preview). It is style-agnostic and renders 9:16, 4:5, 1:1 or 16:9. It runs after reel-intake (the brief) and reel-style (the look), builds on template/starter.html or a style pack such as voxel-walk, and passes film-audit before anything is shown to anyone.

thativanng/reels-maker

The interview before any video is built. It reads what the person already gave (source text, CV, links, brand files), then asks the rest in a few short rounds of numbered questions with a recommended answer marked, always including the format (platform, reel or video, ratio, layout, length, sound). It ends in a one-screen brief that splits "you said" from "I assumed", plus a storyboard, and builds nothing until the person says yes. Use it whenever someone asks for a reel, a video, an explainer, a career film, an animation or a "make a video about X", before film-engine or any style pack, and again when a request changes its purpose, platform or audience mid-way.

thativanng/reels-maker

The voxel career-film style. A blocky 3D version of the person walks, without ever vanishing, through one scene per role. Their outfit changes as they walk, each scene rises out of the floor ahead of them, and a dark banner tracks year, company and role. Use it when someone wants their career, a journey or a "how I got here" told as a short 3D film for LinkedIn or a portfolio, says "make my career film", "turn my CV into a video", "voxel film", or wants a new chapter added to an existing one. It runs on film-engine (render, audio, finish) and must pass film-audit before anything is sent.

Skills associés