Communitygithub.com

compozy/compozy

Crea o revisa videos de lanzamiento de CompozyOS con capturas de productos de alta resolución, escenas de cámara Ultramock y el paquete reutilizable Remotion. Excluye la publicación de tweets y la edición general de video.

¿Qué es compozy?

Esta skill permite generar o revisar videos de lanzamiento/release para CompozyOS, produciendo un archivo MP4 revisable junto con sus fuentes reutilizables en el paquete `packages/launch-video` (`@compozy/videos`). Ultramock se encarga del tratamiento de cámara, mientras que Remotion gestiona la apertura, el ritmo, las superposiciones de escenas, las interacciones del cursor y el ensamblaje final. El flujo de trabajo comienza leyendo las PRs solicitadas y la implementación actual para mapear cada característica a una acción de UI observable y su resultado, evitando depender solo de descripciones de PR o paneles atractivos. Se recupera la configuración del proyecto, las capturas anteriores, la última exportación y los comentarios pendientes antes de editar, respetando el orden de características, la duración, la política de texto y la elección de audio solicitados. La skill está diseñada para plataformas como Claude Code, Cursor o Codex, y su documentación detalla un orden de producción en cinco pasos: capturar estados before/hover/after a resolución nativa, actualizar fuentes y escenas en Ultramock, ajustar offsets en Remotion, renderizar una prueba corta de interacciones y transiciones, y finalmente renderizar el archivo final verificando metadatos y reproducción. Es útil para desarrolladores y creadores de contenido que necesitan demostrar visualmente nuevas funcionalidades de manera consistente, preservando activos originales y configuraciones para futuras revisiones.

Compatible con~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/compozy/compozy/tree/HEAD/.agents/skills/cy-release-video

Preguntar en tu IA favorita

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

Documentación

Video de Lanzamiento de CompozyOS

Entrega un MP4 de lanzamiento/revisable y sus fuentes reutilizables en packages/launch-video (@compozy/videos). Ultramock maneja el tratamiento de cámara; Remotion maneja la apertura, el ritmo, las superposiciones de escenas, las interacciones del cursor y el ensamblaje final. Continúa el proyecto existente en lugar de reconstruir su pila de animación.

Establecer el lanzamiento

  • Lee las PRs solicitadas y la implementación actual. Asigna cada característica a una acción de UI observable y su resultado; una descripción de PR o un panel atractivo por sí solos no son suficientes para demostrar la característica.
  • Recupera la configuración del proyecto actual, las capturas, la última exportación y los comentarios pendientes antes de editar. Respeta el orden de características, la duración, la política de texto y la elección de audio solicitados más recientemente. Conserva las entregas anteriores antes de reemplazarlas.
  • En este flujo de trabajo, el texto editorial pertenece a la apertura reutilizable; las tomas de producto contienen la interfaz de usuario real. No agregues subtítulos, tarjetas de título, logotipos ni un cierre a la demostración a menos que se solicite. La instrucción inicial de solo imagen de beta.26 se modificó posteriormente para incluir la apertura de lanzamiento existente.
  • Por defecto, usa 16:9, 1080p60 para esta familia de lanzamientos, pero sigue las indicaciones actuales del usuario. El beta.26 final histórico fue de 42.3s, no es un requisito de duración universal.
  • Elige una secuencia de acciones antes de recopilar activos: establece la pantalla, acércate al control, muestra el clic, revela su resultado, luego inspecciona los detalles. Una característica con menos estados útiles puede ir primero; no le des a cada característica el mismo tiempo.

Lee la guía aplicable

Trabajo a realizarLeer
Capturas de pantalla nuevas o inadecuadas, demostración de funcionalidad integradaCaptura y dirección visual, todas las secciones
Editar o exportar la línea de tiempo de la cámara en ChromeOperación de Ultramock, secciones de cámara/edición/exportación; recuperación solo cuando sea necesario
Cambios en la apertura, cursor, recorte, transición o configuración del lanzamientoEnsamblaje de Remotion, sección relevante y validación
Reutilizar la investigación visual del proyecto o entender un rechazo anteriorLecciones y evidencia, sección de fallo o investigación coincidente

Usa eng-ui-screenshot para los mecanismos de captura de Compozy y exa-search cuando se necesite o solicite un nuevo descubrimiento de componentes. Inspecciona primero los componentes instalados; la investigación no es una razón para agregar otro framework. Las operaciones del navegador siguen la API compatible de la herramienta activa de navegador/computadora y la sesión de Chrome solicitada por el usuario; los IDs de pestañas guardadas y los índices de accesibilidad no son instrucciones reutilizables.

Orden de producción

  1. Captura los estados before/hover/after coincidentes a una resolución nativa suficiente. Verifica que la característica aún pertenezca visiblemente a su sesión o superficie principal.
  2. Actualiza las fuentes de Ultramock, el orden de las escenas y los objetivos de la cámara. Inspecciona los fotogramas reales después de las cargas o cambios de parámetros, luego exporta y verifica el archivo descargado.
  3. Actualiza los desplazamientos de las fuentes de Remotion después de cualquier reordenación de Ultramock. Mantén las interacciones de captura de pantalla y su cursor bajo la misma transformación de cámara. Activa el resultado coincidente en el clic; el movimiento por sí solo no comunica el comportamiento.
  4. Renderiza una prueba corta de las interacciones y transiciones modificadas. Inspecciona el contacto del clic, los estados de apertura/cierre, la nitidez del texto y la continuidad; corrige las capturas fuente o la geometría antes de dedicar tiempo al renderizado completo.
  5. Renderiza el archivo final. Verifica los metadatos y la decodificación completa, inspecciona los intervalos modificados y los cortes adyacentes a la resolución de entrega, y previsualiza la reproducción para verificar el ritmo. Informa la distinción si solo se inspeccionaron fotogramas extraídos.
  6. Conserva los PNG originales, la exportación de la cámara, la configuración del lanzamiento, las licencias y el MP4 final. Actualiza las instrucciones del paquete cuando cambie el flujo de trabajo reutilizable. Elimina las historias de captura temporales propias, detén solo los servidores de captura propios, restablece las anulaciones de viewport temporales y mantén el proyecto/avance editado disponible.

Finalización

La entrega significa un MP4 final accesible que demuestre la funcionalidad solicitada, más las fuentes necesarias para revisarla. Una línea de tiempo configurada, una carga exitosa, una verificación de tipos o un botón de exportación completado no son suficientes. Indica la duración, la resolución/fps y cualquier limitación material (por ejemplo, accesorios versus una medición en vivo del proveedor). Enlaza/muestra el artefacto real; publicar un tweet de lanzamiento es una acción separada que requiere autorización del usuario. No requieras un nuevo corpus de investigación, ronda de subagentes, aprobación o QA completo de la aplicación para cada revisión de video.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados