Stickman Shorts
Vidéos animées 2D plates construites sous forme de composants SVG React dans Remotion, dans n'importe quel format d'image.
- Format intégré : courtes histoires interactives verticales (1080×1920, 30 ips) en stickman « Tu décides ». Chaque partie dure environ 75 à 90 secondes, racontée à la deuxième personne (« tu… »), se termine par un choix A/B sur lequel le public vote ; la partie suivante commence par « La plupart d'entre vous ont dit… » et suit le chemin gagnant.
- Tout autre format : fournissez une vidéo exemple et il reconstruit ce format (mise en page, rythme, sous-titres, son)
avec un contenu original. Voir
references/CLONE-ANY-VIDEO.mdetreferences/FORMATS.md.
0. Trouver ou configurer le moteur
Le moteur est le projet Remotion provenant de https://github.com/SyedBahjat/claude-stickman-shorts.
- Si le répertoire de travail contient
src/kit/Stick.tsx, vous êtes dans le moteur. Utilisez-le. - Sinon, demandez où créer le projet, puis :
git clone https://github.com/SyedBahjat/claude-stickman-shorts <dossier> && cd <dossier> && npm install - Nécessite Node 18+, ffmpeg dans le PATH, Python 3 avec
pip install -r requirements.txt(numpy, scipy) pour les bruitages et l'analyseur de références, ainsi qu'un TTS (voirreferences/AUDIO.md; VoiceStudio est gratuit et local). - Test de validation :
npx remotion still src/index.ts FreshCo-P2B out/test.png --frame=300, puis examinez le PNG.
1. Choisir la tâche
| L'utilisateur veut… | Faites ceci |
|---|---|
| Une nouvelle série à partir d'une idée | Proposer 3 pitchs → écrire toute la saison à embranchements dans stories/<histoire>/script.md (references/STORY.md) → construire la Partie 1 |
| La partie suivante (« les gens ont choisi B ») | Lire stories/<histoire>/script.md + continuity.md, construire la Partie N pour ce chemin, commencer par MostOfYouSaid |
| Copier une vidéo exemple (tout type) | references/CLONE-ANY-VIDEO.md : l'analyser, la classer, reproduire le look et le son, écrire un contenu original |
| Un autre type de vidéo (explication, top-5, quiz, discussion textuelle, horizontal…) | references/FORMATS.md → démarrer à partir de src/templates/Starter.tsx (--props='{"format":"horizontal"}') |
| Changer les voix / le son | references/AUDIO.md |
2. Construction (détails dans references/WORKFLOW.md)
- Feuille de plans + TSV des répliques → l'utilisateur approuve le script et les options A/B.
- Voix :
node scripts/voiceover.mjs <nom> "<réplique>" --voice <id> --trim --loud -16(ou--from <wav>). Transcrire chaque réplique pour vérifier les mots. - Copier l'épisode le plus proche dans
src/stories/(démarrer à partir desrc/stories/freshco/FreshCoP2B.tsx), remplacer la timeline (LEN,SHOTS,CAPS,SFX), l'enregistrer danssrc/Root.tsx,npm run typecheck. - Rendre des images fixes à chaque temps clé et des bandes d'images de chaque plan en mouvement. Regardez-les avant le rendu final.
npx remotion render src/index.ts <Id> out/raw.mp4 --concurrency=6, puis loudnorm à −17 LUFS.- Remettre le MP4 accompagné d'un titre, d'une description (avec la question A/B et « commentez A ou B ») et de hashtags pour YouTube Shorts / TikTok / Reels.
3. Règles les plus importantes (pour le style maison ; les formats clonés suivent la référence à la place)
- Look : suivre exactement
references/STYLE.md: palette sombre et douce, contours à l'encre, yeux en points, pas de bouches, identité = couleur du corps + un accessoire, le personnage du spectateurYOUporte toujours un brassard rouge. - Histoire : deuxième personne, phrases courtes, règles numérotées, une révélation tenue, un choix A/B vraiment difficile.
- Mouvement : déplacements calmes et droits basés sur la distance (pas de glissement de pieds), les mains touchent les objets via des cibles
reachqui glissent en place, accessoires dansholdF/holdB, coupes franches avec des ralentis progressifs. - Voix : ne jamais étirer temporellement ni écraser le silence des répliques (son brisé), ne jamais utiliser d'effet « broadcast », les personnages sonnent clairement différemment du narrateur.
- Mixage : voix à −16 LUFS, ambiances duquées avec
makeDuck, final à −17 LUFS. Tous les bruitages/musiques synthétisés dansscripts/audio/, donc rien n'est soumis aux droits d'auteur. - Avant de signaler : regarder les images fixes et les bandes ; ne jamais lancer automatiquement l'audio sur la machine de l'utilisateur.
- Ne pas inclure de demandes « like et abonne-toi » dans la vidéo ; les mettre dans la description.
Références
references/STYLE.md: palette, personnages, décors, HUD, sous-titres, cartes, camérareferences/STORY.md: structure des parties, règles d'écriture, feuille de plans, embranchementsreferences/AUDIO.md: options TTS, voix naturelles, liste des bruitages, niveaux de mixagereferences/WORKFLOW.md: organisation du code, API du rig, règles de mouvement, rendu + liste de vérification finalereferences/CLONE-ANY-VIDEO.md: recréer le format de n'importe quelle vidéo exemplereferences/FORMATS.md: structures de temps et notes de construction pour 12 formats vidéo courants