Communitygithub.com

Crystal-102510/demo-video-workflow-skill

Habilidad de agente para grabar, editar, anotar y verificar videos de demostración reales de productos con Webreel y HyperFrames.

¿Qué es demo-video-workflow-skill?

Esta habilidad de agente permite automatizar el flujo de trabajo completo de creación y verificación de videos de demostración de productos. Con ella, el agente puede grabar videos de pantalla real de la aplicación, editarlos (recortar, añadir anotaciones visuales, textos y gráficos), y verificar que el contenido y los detalles técnicos sean correctos. Es ideal para desarrolladores, equipos de producto y marketing que necesitan generar demos consistentes y profesionales sin depender de un editor humano. La habilidad se integra con las herramientas Webreel (para grabación y edición) y HyperFrames (para verificación y validación). Funciona tanto en entornos locales como en la nube, ofreciendo APIs claras para controlar cada etapa del proceso. Al utilizar esta habilidad, el agente puede garantizar que cada video demo cumpla con los requisitos de calidad y precisión antes de ser compartido o publicado.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add Crystal-102510/demo-video-workflow-skill

Preguntar en tu IA favorita

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

Documentación

¿Qué hace demo-video-workflow-skill?

Habilidad de agente para grabar, editar, anotar y verificar videos de demostración reales de productos con Webreel y HyperFrames.

Descripción

Esta habilidad permite al agente automatizar la creación de videos de demostración de productos. Utiliza Webreel para la grabación y edición básica de videos de pantalla, y HyperFrames para la verificación y validación de los mismos. El flujo incluye:

  • Grabación: Captura de pantalla real de la aplicación o sitio web.
  • Edición: Recorte de secciones, adición de anotaciones y efectos visuales.
  • Anotación: Inserción de texto, flechas, cuadros y otros elementos gráficos.
  • Verificación: Comprobación de que el video cumpla con las especificaciones técnicas y de contenido.

Plataformas Soportadas

  • Webreel: Grabación y edición de videos.
  • HyperFrames: Verificación y validación de calidad.

Cómo Funciona

  1. El agente recibe una solicitud con los parámetros del video demo (URL, duración, anotaciones, etc.).
  2. Ejecuta Webreel para grabar la pantalla y realizar ediciones básicas.
  3. Envía el video a HyperFrames para verificar su integridad y precisión.
  4. Devuelve el video finalizado o un informe de errores si no pasa la verificación.

Requisitos

  • Tener acceso a las APIs de Webreel y HyperFrames.
  • Variables de entorno configuradas: WEBREEL_API_KEY, HYPERFRAMES_API_KEY.
  • Permisos para grabar pantalla (en entornos locales).

Ejemplo de Uso

# Iniciar grabación de un demo
webreel start --url "https://ejemplo.com/producto" --duration 60

# Editar video (recortar y añadir anotaciones)
webreel edit --input demo_raw.mp4 --trim 0:10-0:50 --annotate "Texto: Bienvenido"

# Verificar con HyperFrames
hyperframes verify --video demo_editado.mp4 --check-timing 0.5

Notas

  • Los comandos y nombres de herramientas (webreel, hyperframes) no se traducen.
  • La calidad del video depende de la resolución de la pantalla original.
  • Para soporte, contacte al equipo de desarrollo.

Skills relacionados