Communitygithub.com

pragma-sh/pragma

Se utiliza al editar, previsualizar, validar o renderizar el video de lanzamiento de Pragma's Remotion para el README.

¿Qué es pragma?

Esta habilidad está diseñada para mantener y gestionar el video de lanzamiento de Pragma, un proyecto Remotion, directamente desde el repositorio. Permite a los desarrolladores editar escenas, ajustar la duración, previsualizar el video completo y renderizar el artefacto final que se incluye en el README del proyecto. Es útil para garantizar que el video de lanzamiento se mantenga reproducible y sincronizado con los assets fuente del repositorio. Soporta flujos de trabajo con Bun para iniciar el estudio de Remotion, verificar tipos y renderizar el video final. La habilidad también gestiona la generación determinista de la banda sonora y la actualización de assets multimedia, asegurando que los cambios en escenas o recursos se reflejen correctamente sin duplicar archivos.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pragma-sh/pragma/tree/HEAD/skills/launch-video

Preguntar en tu IA favorita

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

Documentación

Mantener el Video de Lanzamiento de Pragma

Mantén el video de lanzamiento del README reproducible a partir de fuentes y assets propiedad del repositorio.

Estructura del Proyecto

  • launch-video/index.ts registra la raíz de Remotion.
  • launch-video/Root.tsx define la composición PragmaLaunch a 1920x1080 y 30 fps.
  • launch-video/PragmaLaunch.tsx posee la línea de tiempo, las duraciones de las escenas y la presentación.
  • remotion.config.ts usa apps/www/public como directorio público de Remotion. Resuelve clips, audio y marcas de agente con staticFile() desde ese directorio; no dupliques assets dentro de launch-video.
  • .github/assets/pragma-launch.mp4 es el artefacto renderizado del README.

Los archivos .tsx que contienen componentes usan PascalCase. Mantén el id de composición PragmaLaunch alineado con el comando de renderizado raíz y deriva la duración total de la composición a partir de las duraciones de las escenas, de modo que las ediciones en la línea de tiempo no dejen el registro desactualizado.

Flujo de Trabajo

Ejecuta los comandos desde la raíz del repositorio:

bun run video:studio
bun run video:typecheck
bun run video:render

Usa Studio para revisar toda la línea de tiempo después de cambiar escenas, tiempos, tipografía o assets. Ejecuta el typecheck enfocado antes de renderizar. El comando de renderizado escribe el video del README rastreado en .github/assets/pragma-launch.mp4 usando la configuración de códec y calidad en remotion.config.ts.

La banda sonora se genera de forma determinista mediante launch-video/generate-lofi.ts. Cuando cambies ese generador, ejecuta bun run video:music; este reemplaza apps/www/public/media/pragma-lofi.wav. No regeneres la banda sonora para ediciones de video no relacionadas.

Las grabaciones de producto residen en apps/www/public/media. Al reemplazar una grabación, verifica su reproducción completa en Studio y actualiza la duración de la escena correspondiente en PragmaLaunch.tsx para que no se corte ni termine con una cola congelada. Finaliza ejecutando las comprobaciones habituales de formato y calidad del repositorio para cada archivo fuente modificado.

Skills relacionados