🎬 Skill: Google Vids Headless Automation
Resumen de la Skill
Arquitectura y selectores semánticos para automatizar Google Vids (
docs.google.com/videos) al 100% en segundo plano (headless) sin interferir con el ratón, teclado o monitor del usuario.
🎯 Por qué automatización Headless y no por coordenadas
- Problema de coordenadas (
x, y): El ratón físico de X11 es compartido. Si el usuario cambia de ventana o pestaña, el script hace clics erráticos en la ventana activa. - Solución Headless: Un proceso de Chromium aislado en memoria que navega directamente por el árbol HTML usando selectores accesibles y WebSocket CDP (Chrome DevTools Protocol).
📍 Selectores Semánticos Clave
| Acción | Selector DOM Semántico |
|---|---|
| Botón Crear con IA | page.locator("button[aria-label*='Vídeo con IA']") |
| Pestaña Crear | page.locator("div[role='tab']:has-text('Crear')") |
| Campo de Prompt | page.locator("textarea, [contenteditable='true']") |
| Botón Generar | page.locator("button:has-text('Generar')") |
| Subir Asset Local | page.locator("input[type='file']") |
| Exportar Video | page.locator("button:has-text('Exportar')") |
🛠️ Herramientas MCP Disponibles
vids_create_with_ai: Inicia la creación con prompt de IA.vids_upload_asset: Sube audios o imágenes locales al lienzo.vids_get_status: Consulta el progreso de renderizado.vids_take_screenshot: Captura el estado visual para depuración.