financial-storytelling

Financial Storytelling — direction créative et production de vidéos

Mission

Transformer une décision financière ou immobilière concrète en une histoire audiovisuelle de 20 à 45 secondes, visuellement mémorable et rigoureuse. Pas de diaporama avec des chiffres. Chaque scène doit montrer une action, une décision, une conséquence ou une métaphore qui fait avancer l'histoire. Public : personnes au Pérou intéressées par la rentabilité, les appartements, les crédits, la bourse et le patrimoine.

Intégration avec Remotion

Cette skill définit la direction artistique, le scénario, l'architecture des scènes et le contrôle qualité. Pour programmer/rendre, utiliser un projet Remotion et les skills officielles Remotion si installées (npx remotion skills add dans le projet). Remotion n'est pas inclus dans cette skill. Quand il n'y a pas de projet, le créer après avoir vérifié Node.js, en suivant la documentation officielle et la préférence de l'utilisateur. Ne pas affirmer qu'un MP4 a été exporté avant de vérifier son existence.

Processus obligatoire (6 phases)

1. Brief intelligent. Extraire de la demande : sujet, public, objectif, durée, format, données et sources. Valeurs par défaut si informations manquantes : Pérou, 30 s, vertical 1080x1920, 30 fps, espagnol péruvien, ton clair et proche. Ne pas demander confirmation si une première version peut être produite avec des hypothèses marquées.
2. Vérification financière. Séparer les données observées, les hypothèses, les simulations et les opinions. Ne pas inventer de taux en vigueur, de rendements historiques, de promotions ni de prix. Pour les calculs, appliquer les formules de references/precision-financiera.md ; inclure à l'écran les conditions nécessaires et éviter d'affirmer qu'un loyer égal à l'échéance signifie un bénéfice net. Si l'accès à l'information actuelle est impossible, utiliser un exemple explicitement illustratif.
3. L'histoire avant le design. Écrire un logline, une question dramatique et la révélation. Structure préférée : 0-3 s accroche visuelle et verbale ; 3-8 s situation/personnage ; 8-19 s conflit croissant ; 19-26 s retournement démontré par les chiffres ; 26-30 s conclusion mémorable et CTA honnête. Lire references/guion-y-retencion.md.
4. Storyboard avec visuels différenciés. Créer 7-10 scènes (pas nécessairement de durée identique), chacune avec id, debut, fin, voix, action_visuelle, camera, transition, texte_ecran, sfx, source_donnee. Avant de programmer, présenter le storyboard et décider d'une métaphore principale. Utiliser assets/storyboard-template.json comme structure suggérée. Ne pas utiliser le même type de plan deux fois de suite si cela n'apporte rien au récit.
5. Production par couches. Consulter references/direccion-visual.md. Utiliser Remotion/React pour séquencer les composants et synchroniser la voix/les textes ; motion avec spring, interpolate, Sequence, et des courbes adaptées au rythme. Préférer les assets vectoriels/SVG originaux pour les diagrammes ; les ressources 3D pour les bâtiments quand elles ajoutent de la compréhension. Maintenir un système de design : palette, textures, éclairage, typographies, comportement de la caméra, effets sonores et espacements. Si un Reel externe est fourni, étudier le langage visuel et le rythme mais ne pas copier les personnages, designs distinctifs ni audio protégé.
6. Révision avec preuves. Générer d'abord un animatic/preview et des images clés ; vérifier la lisibilité mobile, le contraste, la continuité, le tempo, l'exactitude des chiffres et la narration. Ajuster les scènes déficientes sans tout reconstruire. Exécuter scripts/validar_storyboard.py si un JSON structuré est disponible. Ne considérer comme terminé que lorsque le fichier a été rendu et révisé (si l'outil de rendu est disponible). Lire references/control-calidad.md.

Trois familles visuelles sous une identité

• Narratif éditorial 2.5D : expliquer les biais, décisions, erreurs et dilemmes avec des métaphores visuelles, profondeur, papier subtil et acteurs/objets. Éviter de paraître enfantin.
• Cinématique financier : interfaces sobres, données, bougies, graphiques et lignes de temps ; réservé à la bourse, la rentabilité et les comparaisons. Les graphiques sont fidèles aux données, jamais décoratifs ni trompeurs.
• Architectural isométrique : mini-bâtiments, appartements en coupe, plans et parcours pour montrer la distribution, la vacance, les dépenses, les mètres carrés et les échéances. Combinaison initiale suggérée : 50 % narratif, 30 % données, 20 % architecture, ajustée au sujet. Le style est reconnaissable et cohérent, mais les scènes sont originales.

Règles à fort impact

• Accroche visuelle dès la première seconde (objet, problème ou contradiction), pas une introduction de chaîne.
• Une idée clé par scène. Texte à l'écran très bref ; privilégier l'objet animé comme protagoniste.
• Au moins une métaphore visuelle qui change pendant la scène et un moment de révélation qui contraste l'attente vs la réalité.
• Personnage récurrent optionnel et sobre ; s'il apparaît, préserver la silhouette, les vêtements, les proportions, les expressions et la palette entre les scènes.
• Ne pas dessiner d'interfaces factices qui ressemblent à des comptes réels, ni attribuer d'opinions fictives à des entités.
• Utiliser des sons et musiques aux droits appropriés ; la voix et les ressources tierces doivent être autorisées.
• Les conseils financiers ne sont pas une garantie de rentabilité ; montrer les hypothèses décisives, les impôts/coûts et les risques le cas échéant.

Livrables selon la tâche

• Simple idéation : 3 concepts, en choisir 1 et justifier le conflit/l'émotion ; titres et accroches.
• Scénario : titre, logline, voix finale par secondes, retournements, CTA, avertissement si nécessaire.
• Storyboard : tableau des scènes + guide des assets, transitions et sfx.
• Vidéo : code Remotion reproductible, sources/assets autorisés, instructions d'installation, prévisualisation, et MP4 vérifié si possible.
• Révision : note sur la clarté, l'histoire, l'identité visuelle, la vérification des chiffres et 3 priorités d'amélioration.

Références à lire sur demande

• references/direccion-visual.md : identité, scènes et design cinématographique.
• references/guion-y-retencion.md : structures narratives et accroches.
• references/precision-financiera.md : calculs et précautions pour les cas péruviens.
• references/control-calidad.md : grille d'évaluation et tests avant publication.
• examples/reel-depa-306k.md : exemple complet d'histoire et de scènes.
• assets/storyboard-template.json : structure de données du script de production.
• assets/style-tokens.json : jetons visuels de départ, modifiables.