adukhan98/stripe-video-skill

adnaan-reel

Les images d'Adnaan → un reel qui ressemble exactement au montage de référence approuvé. Avant toute chose, regardez assets/style/v8_contact_sheet.jpg — le test de style approuvé pour le reel-08 du look v7 « MINT », le look par défaut de la maison depuis le 17/10/2026 (scènes dans examples/reel-08-v7/) : parties TALK avec lui en plein écran + nos légendes cinétiques, parties VISUAL sur un tableau gris avec des disques d'icônes, une chaîne de disques et une caméra qui voyage, le shrink signature. Lisez references/style.md « v7 » en premier — cela remplace les sections plus anciennes partout où elles entrent en conflit ; les règles sonores v6, les zones de sécurité, les règles de lisibilité et les principes de mouvement s'appliquent toujours. La direction artistique est contraignante et se trouve dans references/style.md ; la grammaire des scènes (comment un reel est divisé en scènes et quels types de scènes existent) se trouve dans references/scenes.md. Le look est dans le code : le runtime partagé templates/runtime/paper.css + paper.js (monde, typographie cinétique, primitives, mouvement selon les principes de Lasseter) + v7.css + v7.js (v7 : disques d'icônes, la chaîne de disques, rétrécir/grandir dans un disque ou une carte, caméra, masque de zone) plus un starter par type de scène dans templates/scenes/ (v7 : talk, talk_depth, visual, chain, card) ; slots.py prepare les installe dans chaque scène, donc une scène fait environ 150 lignes de copie, de positions et d'un objet sur mesure. Le look PAPER hérité (papier rouge + calque marqueur dessiné à la main marker.css/marker.js, bande divisée, reels-06/07 — assets/style/v6_contact_sheet.jpg, v7_contact_sheet.jpg, examples/reel-06/, reel-07/) est init-brand --look paper, uniquement quand il le demande. Anciennes banques d'idées : examples/reel-04/, reel-05/ et references/motion-ideas.md (le look éditorial serif : examples/reel-03/, init-brand --type editorial).

Vous ne regardez jamais la vidéo — vous la lisez : une transcription mot à mot, des filmstrips aux points de décision, et des outils de vérification qui retranscrivent les jonctions.

Principes

1. Chaque temps fort est une scène, dans un des deux MODES (v7). Le reel entier est constitué de 8 à 18 scènes plein écran HyperFrames bout à bout sur le montage verrouillé, et chaque temps fort choisit un mode dans le tableau des temps forts : TALK (lui en plein écran, nos légendes cinétiques sur lui — accroche, transitions, avis, payoffs, CTA ; talk, ou talk_depth quand quelque chose se trouve DERRIÈRE lui) et VISUAL (pas d'intervenant ; le tableau, les disques d'icônes, les accessoires vectoriels plats, les vraies pages, une caméra qui voyage — chaque explication, élément de liste, exemple ; visual). Il est à l'écran environ 50 % du reel ; pas de partie VISUAL de plus de ~8 s sans lui. Le signature shrink (1 à 3 par reel : ses images rétrécissent dans le disque de la chaîne actuelle ou la petite carte à gauche, chain / card ; V.grow le ramène pour le payoff) relie les modes. La petite carte apparaît 0 à 2 fois. La carte d'un reel de liste est la chaîne de disques (V.chain). Un long enregistrement d'écran est le type demo.
2. Les mots sont les légendes. Pas de sous-titres. Les phrases cinétiques en Inter Tight 900 atterrissent sur leurs mots parlés, grands (hero 170–270 px saisis, ×0.94 du --type-scale maison ; accent par la couleur, pas d'italique ; v7 : charbon avec une lueur douce sur ses images, UN mot hero en menthe, menthe uniquement en taille hero). Les mots à l'écran sont uniquement les mots qu'il dit réellement (orthographe ASR des noms corrigée) — plus un accroche texte optionnel qu'il écrit (titre de l'image 0).
3. Montrez la vraie chose, avec le vrai logo. Chaque produit, dépôt, site, fichier ou framework qu'il nomme apparaît réellement : page capturée dans une carte de navigateur, vrais slugs de dépôts, nombres d'étoiles, vrais titres et noms de parties. Chaque outil ou entreprise qu'il nomme obtient son logo officiel (fetch.py logo, enregistré comme official), affiché non modifié en tant qu'<img> dans un jeton/pilule à côté du nom ou sur la carte de l'application — jamais redessiné, recoloré ou remplacé par une pilule de texte seul quand un logo existe. L'UI illustrative est acceptable ; les nombres, citations ou publications inventés ne le sont pas.
4. Approuvez le plan, puis construisez tout. Un tableau des temps forts → approbation → toutes les scènes construites en parallèle → assemblage → auto-vérification → livraison. Le mode autopilote (« fais-le ») saute l'attente.
5. Jamais fade, toujours animé. Chaque scène a une idée hero avec un mouvement réel (les choses se déplacent, s'ouvrent, fusionnent, s'empilent, chevauchent des chemins pointillés, passent du gris à l'accent) plus une vie continue, et chaque mouvement obéit aux principes de Lasseter (references/animation-principles.md : anticipation, dépassement + stabilisation, chevauchement, arcs, mise en scène, action secondaire, un temps fort exagéré, sorties plus rapides que les entrées). Le runtime fait cela par défaut ; les objets sur mesure doivent aussi le faire. Si une scène pourrait être un slide statique, refaites-la. La richesse est le niveau maison (reel-05), tempéré par v6 : environ deux éléments focaux à la fois et 35–50 % de la grille vide (directives dépendantes du contenu, pas de barrières strictes) — un objet hero + 1 à 3 micro-animations secondaires qui jouent la phrase — un curseur qui fait la chose, des nombres réels qui défilent jusqu'à leur valeur, des icônes qui prennent vie, une physique douce, des personnages avec personnalité, une typographie qui performe, des icônes hero qui atterrissent sur leur mot (references/motion-ideas.md).
6. Vectoriel plat et propre par-dessus (v7) — pas de marqueur dessiné à la main dans le look menthe. Disques d'icônes avec glyphes Phosphor blancs (fetch.py icon, V.disc), traits vectoriels propres qui se dessinent eux-mêmes (connecteurs, barre de soulignement, rebord de loupe — largeur uniforme, pas de bouillon), objets hero vectoriels plats avec personnalité en mouvement, un surligneur menthe derrière le texte réel. La pêche est réservée aux données. (Le look papier hérité conserve le feutre rouge + notes Caveat, hf/marker.js.)
7. Lisible, toujours. Tout à l'intérieur de la zone de sécurité (mesurée), les vraies pages en grandes bandes (≥ 0,85, ~45 px de texte) avec un surligneur derrière la phrase parlée, pas de texte semi-transparent, les mots sur ses vêtements lisibles (v7 : charbon + lueur, menthe en taille hero ; look papier : sur papier uni), les jetons/logos/doodles assez grands pour un téléphone. Il l'a demandé explicitement. Zones de sécurité IG (v6) : rien dans les 20 % inférieurs et rien à droite de x 900 en dessous de y 1200 (J'aime/Commentaire/Partager) — les CTA se placent en bas à gauche/centre.
8. Le son soutient la voix — la règle des 30 % (v6). Pas de Mickey-Mousing : 1–2 sons tactiles percutants entre 0:00–0:04, puis uniquement des transitions structurelles (point 1/2/3, un changement de mode, une grande capture d'écran qui glisse, l'atterrissage du CTA) — ~10–14 repères dans 70 s, issus du kit v6 grave et chaleureux (assets/sfx/v6_* : tampon, clunk, bruit sourd, papier, whoosh, pop), filtré passe-bas à 5 kHz. Les agents marquent ces temps forts avec `