Communitygithub.com

atlantis-mk/kinetic-tech-remotion-template

Utiliza la plantilla de efectos visuales tecnológicos cinéticos de este repositorio para crear un video y tres portadas, con soporte para escenas parametrizadas, orientación horizontal/vertical, efectos de sonido programáticos y entrada de medios locales. Solo crea el directorio work/ cuando se empiece la producción real.

¿Qué es kinetic-tech-remotion-template?

Este skill permite a un agente de IA (como Claude Code) generar un video de estilo tecnológico cinético con tres variantes de portada usando Remotion. Está diseñado para desarrolladores que necesitan contenido visual técnico explicativo o promocional, compatible con Cursor, Codex y entornos de línea de comandos. El flujo de trabajo incluye inicialización del proyecto, edición parametrizada de contenido como texto, métricas, código y noticias, renderizado con validación de escenas, y verificación visual y auditiva. El skill proporciona reglas detalladas para mantener la integridad del proyecto, como no crear el directorio work/ hasta que sea necesario y usar schemas Zod para restringir las configuraciones.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/atlantis-mk/kinetic-tech-remotion-template/tree/HEAD/.agents/skills/make-video

Preguntar en tu IA favorita

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

Documentación

Crear un video explicativo de tecnología

Primero lee la raíz AGENTS.md, que es la única regla general de producción. Este skill proporciona los pasos técnicos.

  1. Lee template.md para confirmar el estilo y los límites de capacidad. Al reanudar una tarea, primero lee task-state.md y verifica la raíz work/task.json y los archivos reales.
  2. Solo al comenzar la producción, ejecuta python3 .agents/skills/make-video/scripts/pipeline.py init --install. Esto copia el proyecto real, conserva las modificaciones existentes y genera efectos de sonido programáticos; si no hay un tema, primero organiza los requisitos, no uses el ejemplo predeterminado directamente como el producto final del usuario.
  3. En work/project/content.json, reemplaza el texto, las métricas, las anotaciones, las noticias, el código y las portadas escena por escena. Las escenas se pueden reordenar, duplicar y cambiar de duración; la configuración está restringida por el esquema Zod real y la verificación de la línea de tiempo. Si el nuevo sujeto visual excede las escenas existentes, modifica el código fuente del período actual, no solo el título. Para operaciones de parámetros y medios, consulta remotion.md.
  4. Los materiales originales se almacenan en work/input; los materiales derivados realmente utilizados se colocan en work/project/public y se referencian con rutas relativas. Agrega locuciones, efectos de sonido y subtítulos según sea necesario; por defecto, efectos de sonido programáticos, sin TTS ni alineación automática. Primero verifica la semántica de la locución antes de organizar la línea de tiempo.
  5. Ejecuta validate, check, preview --frames 0-59, verifica los fotogramas inicial, intermedio y final de cada escena junto con el clip de audio, modifica el rango de fragmentos si es necesario; luego render y verify. Los informes técnicos no declararán aprobación audiovisual.
  6. Revisa visualmente los fotogramas clave, las transiciones, el producto final y las tres portadas, escucha la vista previa de audio, y registra la aceptación y la fase de la tarea según las reglas raíz. Vuelve a renderizar las entregas relacionadas después de las modificaciones.
  7. Las entregas predeterminadas son work/delivery/video.mp4, cover-4x3.png, cover-3x4.png, cover-16x9.png. Si el usuario solicita otra lista, primero implementa task.deliverables y la capacidad de renderizado real.

Al mantener la plantilla, modifica assets/project-template y usa las pruebas aisladas de la raíz tests; no ejecutes la raíz init para mantenimiento. El protocolo de metadatos de la plantilla se encuentra en readme-format.md.

Skills relacionados