Communitygithub.com

theMatthewNewman/story-video-prep

Construye un corto video animado (~15-40s) tipo «story video» como un solo archivo HTML autónomo: tipografía cinética sobre un fondo cinematográfico, con el logotipo de la marca y una pista musical libre de derechos incrustada (recortada + fundida y sincronizada con el ritmo). Úsalo cuando el usuario quiera un video promocional/de marca/campaña/lanzamiento/explicativo/«sizzle», un video para correo o página de aterrizaje, o diga «haz un video/un cortometraje/un corte narrativo/una intro animada». Produce un HTML reproducible autónomo y lo convierte en un MP4 real.

¿Qué es story-video-prep?

Esta habilidad permite crear videos cortos animados tipo «story video» (de 15 a 40 segundos) listos para usar en campañas promocionales, lanzamientos o explicaciones rápidas. Genera un único archivo HTML autónomo que contiene tipografía cinética sobre fondos cinematográficos, el logotipo de la marca incrustado, y una pista musical libre de derechos automáticamente recortada, con fundido y sincronización al ritmo. El resultado final es un archivo HTML reproducible directamente en el navegador, que además puede renderizarse a un MP4 real para su distribución. Es compatible con los principales agentes de IA (Claude Code, Cursor, Codex) y se activa cuando el usuario solicita un video promocional, un cortometraje, un corte narrativo o una intro animada. La habilidad se encarga de todo el flujo: desde el análisis del texto, la selección de fuentes y colores, hasta la generación del código HTML con animaciones CSS/JS y la incrustación de audio sincronizado.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/theMatthewNewman/cp-skills/tree/main/story-video-prep

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace story-video-prep?

Construye un corto video animado (~15-40s) como un solo archivo HTML autónomo — tipografía cinética sobre un fondo cinematográfico, con el logotipo de la marca y una pista musical libre de derechos incrustada (recortada + fundida y sincronizada con el ritmo). Úsalo cuando el usuario quiera un video promocional / de marca / campaña / lanzamiento / explicativo / «sizzle», un video para correo o página de aterrizaje, o diga «haz un video / un cortometraje / un corte narrativo / una intro animada». Produce un HTML reproducible autónomo y lo convierte en un MP4 real.

Skills relacionados