Moteur de Montage Vidéo (9:16)
Ce skill régit la production de bout en bout de vidéos courtes verticales (TikTok, Reels, Shorts) de haute rétention et qualité broadcast, dans l'environnement Remotion.
1. Système de Design Local (.claude/design-system/)
Toujours référencer l'ADN visuel du créateur et les jetons de design codifiés :
creator-archetypes.md: ADN visuel pour Productivité Minimaliste (Ali Abdaal), Noir à Haute Rétention (Iman Gadzhi), Données Éditoriales Vox (Johnny Harris), Punch Cinétique (Alex Hormozi) et Verre SaaS Tech (Devin Jatho).typography-scale.md: Échelle de polices pour 1080 x 1920, formules d'appariement à 3 niveaux, règles de karaoké dynamique, limites des zones de sécurité (zone idéale pour sous-titresy: 1120..1380).sfx-mapping.md: Correspondances des déclencheurs d'animation aux fichiers locauxassets/01_SFX/avec décalages d'avance sous-image et niveaux dB calibrés.
2. Livrets de Règles Modulaires (.claude/rulebooks/)
01-hooks-and-script.md: 1 vidéo = 1 idée, accroches atypiques, vérification des faits.02-cut-and-audio-sync.md: Suppression des silences, filtrage des prises ratées, décalage de synchronisation labiale, volume dB.03-beat-map-and-planning.md: Cartographie rythmique, segmentation en plans de 4 à 10 s, mouvements de caméra, sous-invites parallèles.04-visual-styles-and-safe-zones.md: Géométrie 9:16 (1080x1920, x: 100..980, y: 220..1540), langages visuels.05-qa-checklist.md: Inspection obligatoire en 6 points avant rendu.06-self-learning-notes.md: Corrections continues de l'utilisateur et banque de préférences.07-creator-style-presets.md: 6 archétypes de créateurs (ali-minimal-workspace,gadzhi-noir-luxury,vox-editorial-data,apple-liquid-glass,hormozi-kinetic-punch,devin-jatho-saas).08-typography-pairings.md: Échelles typographiques et matrice d'appariement.09-sfx-choreography.md: Correspondances visuel-SFX, décalages temporels, conception sonore à 3 couches.10-hook-patterns.md: Les 6 archétypes d'accroche visuelle.
3. Composants Paramétriques (src/components/)
SafeZoneContainer: Applique strictement les limites de mise en page 9:16 avec superposition de débogage optionnelle.CameraRig: Mouvement procédural continu (push-in,push-out,pan-left,pan-right,static-fade).LiquidGlassCard: Modale en verre dépoli avec mode optionnel d'écran vert chroma.VoxBarChart: Visualisation de données dynamique à ressorts.NumberTicker: Compteur numérique fluide avec formatage localisé et suffixes d'unité.WordByWordCaptions: Sous-titres karaoké précis à l'image, stylés par archétype.SfxTrigger: Déclencheur audio synchronisé lié directement aux ressources cataloguées.
4. Vérification & Inspection en Studio
- Vérifier la mise en page avec Remotion sans tête (
npx remotion still src/index.ts [CompName] out/qa.jpeg --frame=[N]). - Vérifier les compositions After Effects en direct via le pont HeroicSwan AE MCP (
tools/after-effects-mcp) et les scripts d'inspection (tools/capture_ae_frame.mjs). - Lancer un audit QA automatisé via
tools/qa.bat out/final_video.mp4.
5. Règle de Développement Stricte
- ZÉRO COMMENTAIRE DANS LES FICHIERS DE CODE : N'émettez jamais de commentaires (
//,/* */,#) dans les fichiers.ts,.tsx,.js,.mjsou.json.