Stickman Shorts
Videos animados 2D planos construidos como componentes SVG React en Remotion, en cualquier relación de aspecto.
- Formato integrado: vertical (1080×1920, 30 fps) historias cortas de figuras de palitos "Tú decides". Cada parte dura ~75–90 s, se cuenta en segunda persona ("tú…"), termina con una elección A/B que la audiencia vota; la siguiente parte comienza con "La mayoría dijo…" y sigue la ruta ganadora.
- Cualquier otro formato: dale un video de ejemplo y reconstruye ese formato (diseño, ritmo, subtítulos, sonido)
con contenido original. Consulta
references/CLONE-ANY-VIDEO.mdyreferences/FORMATS.md.
0. Encontrar o configurar el motor
El motor es el proyecto Remotion de https://github.com/SyedBahjat/claude-stickman-shorts.
- Si el directorio de trabajo tiene
src/kit/Stick.tsx, estás en el motor. Úsalo. - De lo contrario, pregunta dónde crear el proyecto, luego:
git clone https://github.com/SyedBahjat/claude-stickman-shorts <carpeta> && cd <carpeta> && npm install - Necesita Node 18+, ffmpeg en PATH, Python 3 con
pip install -r requirements.txt(numpy, scipy) para efectos de sonido y el analizador de referencia, y un TTS (consultareferences/AUDIO.md; VoiceStudio es gratuito y local). - Prueba de humo:
npx remotion still src/index.ts FreshCo-P2B out/test.png --frame=300, luego mira el PNG.
1. Elegir el trabajo
| El usuario quiere… | Haz esto |
|---|---|
| Una nueva serie a partir de una idea | Propón 3 loglines → escribe toda la temporada ramificada en stories/<historia>/script.md (references/STORY.md) → construye la Parte 1 |
| La siguiente parte ("la gente eligió B") | Lee stories/<historia>/script.md + continuity.md, construye la Parte N para esa ruta, abre con MostOfYouSaid |
| Copiar un video de ejemplo (cualquier tipo) | references/CLONE-ANY-VIDEO.md: analízalo, clasifícalo, iguala el aspecto y sonido, escribe contenido original |
| Un tipo diferente de video (explicativo, top-5, quiz, historia de chat, horizontal…) | references/FORMATS.md → comienza desde src/templates/Starter.tsx (--props='{"format":"horizontal"}') |
| Cambiar voces / sonido | references/AUDIO.md |
2. Construir (detalles en references/WORKFLOW.md)
- Hoja de tomas + líneas TSV → el usuario aprueba el guion y las opciones A/B.
- Voces:
node scripts/voiceover.mjs <nombre> "<línea>" --voice <id> --trim --loud -16(o--from <wav>). Transcribe cada línea para verificar las palabras. - Copia el episodio más cercano en
src/stories/(empieza desdesrc/stories/freshco/FreshCoP2B.tsx), reemplaza la línea de tiempo (LEN,SHOTS,CAPS,SFX), regístralo ensrc/Root.tsx,npm run typecheck. - Renderiza fotogramas fijos en cada ritmo clave y tiras de fotogramas de cada toma en movimiento. Míralos antes de renderizar.
npx remotion render src/index.ts <Id> out/raw.mp4 --concurrency=6, luego loudnorm a −17 LUFS.- Entrega el MP4 junto con un título, descripción (con la pregunta A/B y "comenta A o B") y hashtags para YouTube Shorts / TikTok / Reels.
3. Reglas que más importan (para el estilo de la casa; los formatos clonados siguen la referencia en su lugar)
- Aspecto: sigue
references/STYLE.mdexactamente: paleta oscura y apagada, contornos de tinta, ojos de punto, sin bocas, identidad = color de cuerpo + un accesorio, el personaje del espectadorTÚsiempre lleva una banda roja en el brazo. - Historia: segunda persona, frases cortas, reglas numeradas, una revelación esperada, una elección A/B realmente difícil.
- Movimiento: caminatas tranquilas y erguidas impulsadas por la distancia (sin deslizamiento de pies), las manos tocan las cosas mediante
objetivos
reachque se deslizan, accesorios enholdF/holdB, cortes duros con acercamientos lentos. - Voces: nunca estires el tiempo ni aplastes el silencio de las líneas (suena destrozado), nunca uses un efecto de "transmisión", los personajes deben sonar claramente diferentes del narrador.
- Mezcla: voces −16 LUFS, fondos atenuados con
makeDuck, final −17 LUFS. Todos los efectos de sonido/música sintetizados enscripts/audio/, así que nada es reclamado por derechos de autor. - Antes de informar: mira los fotogramas fijos y las tiras; nunca reproduzcas audio automáticamente en la máquina del usuario.
- No incluyas preguntas como "like y suscríbete" en el video; ponlas en la descripción.
Referencias
references/STYLE.md: paleta, personajes, escenarios, HUD, subtítulos, tarjetas, cámarareferences/STORY.md: estructura de partes, reglas de escritura, hoja de tomas, ramificaciónreferences/AUDIO.md: opciones de TTS, voces que suenen humanas, lista de efectos de sonido, niveles de mezclareferences/WORKFLOW.md: diseño del código, API del rig, reglas de movimiento, renderizado + lista de verificación finalreferences/CLONE-ANY-VIDEO.md: recrea el formato de cualquier video de ejemploreferences/FORMATS.md: estructuras de ritmo y notas de construcción para 12 formatos de video comunes