Communitygithub.com

syaiffudin85/prompt2claudevideo

Convierte un prompt de texto en un video (MP4) usando HTML + HyperFrames. Úsalo cuando el usuario pida crear un video, reel, intro, explicador o animación a partir de una idea o prompt.

¿Qué es prompt2claudevideo?

Esta skill convierte un prompt textual en un video completo en formato MP4, ideal para creadores de contenido, desarrolladores y equipos de marketing que necesiten generar videos cortos como reels, intros, videos explicativos o animaciones. El flujo comienza analizando el prompt del usuario para determinar propósito, duración (por defecto 15 segundos), relación de aspecto (9:16, 16:9 o 1:1), idioma y estilo visual, preguntando solo si la información no está clara. Luego desglosa la historia en 3 a 6 escenas con storyboard, escribe una composición HTML/GSAP, la previsualiza y corrige errores usando la skill `/hyperframes-cli`, y finalmente renderiza el video. El resultado se entrega con la ruta del archivo, duración y resolución. Soporta plataformas como Claude Code, Cursor, Codex y otros asistentes que implementen el protocolo de skills.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/syaiffudin85/prompt2claudevideo/tree/HEAD/.claude/skills/prompt2video

Preguntar en tu IA favorita

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

Documentación

prompt2video

Workflow para convertir un prompt en un video (MP4) usando HTML + HyperFrames.

Pasos

  1. Brief - A partir del prompt del usuario, establece: propósito, duración (por defecto 15 s), relación de aspecto (9:16 / 16:9 / 1:1), idioma, estilo visual. Pregunta solo si realmente no está claro.
  2. Guion y storyboard - Divide en escenas (3-6), cada una con: hora de inicio/fin, texto en pantalla, visual, transición. Guarda en output/<nombre>/storyboard.md.
  3. Composición - Escribe la composición HTML/GSAP en output/<nombre>/index.html siguiendo el storyboard.
  4. Vista previa y lint - Usa la skill /hyperframes-cli para hacer lint y vista previa; corrige errores.
  5. Renderizado - Renderiza a output/<nombre>/video.mp4.
  6. Entrega - Informa la ruta del archivo, duración y resolución.

Prerrequisitos

npx skills add heygen-com/hyperframes

Reglas

  • Una carpeta por video dentro de output/.
  • No confirmar archivos renderizados grandes (*.mp4) - están en .gitignore.

Skills relacionados