OutrankOutrankDataForSEODataForSEOZernioZernioMonidMonid
Context.devContext.devApifyApifyReclama este espacio:199 €/mes2 plazas libres
Sponsors
OutrankOutrankDataForSEODataForSEOZernioZernioMonidMonidContext.devContext.devApifyApifyReclama este espacio: 199 €/mes · 2 plazas libres
OutrankDataForSEOZernioMonidContext.devApifyReclama este espacio
Suscríbete al canal de Telegram para no perderte nada y estar al loro de todo lo nuevo en automatización y agentes de IA.
fluyeporlaweb
  • Casos
  • Prompts
  • Herramientas
  • Apify
  • Guías
  • Patrocina
  • Telegram
  1. Inicio
  2. / MCP y conectores
  3. / Grabar el vídeo demo de tu producto con un agente de IA y un solo prompt

MCP y conectores

Grabar el vídeo demo de tu producto con un agente de IA y un solo prompt

Screenplay es un servidor MCP y una CLI open source (MIT): tu agente explora la web o la app, escribe un guion en JSON y Screenplay lo graba y edita con cursor suave, zoom automático, subtítulos y voz opcional. Funciona con Claude Code, Codex y Cursor. Muy reciente y no probado por Fluye.

MCP y conectoresMarketing y contenidoProgramadoresEmpresasprogramadoremprendedorDificultad: media20 min (aprox., estimación propia)
HerramientasClaude Code (principal)CursorPlaywright
Qué necesitas
  • Node 20 o superior
  • Claude Code, Codex, Cursor u otro cliente MCP
  • Una cuenta de demo o un entorno de pruebas de tu app: la grabación hace clics de verdad
Coste aprox.Screenplay es gratis y open source (MIT) y no necesita clave de modelo. Pagas tu agente (Claude Code, Codex o Cursor) y, si quieres voz, Cartesia o ElevenLabs.
Tiempo de montaje20 min (primera vez), aprox., estimación propia
NivelMedia
Plan gratisSuele requerir plan de pago

Prompt listo para usar

Haz un vídeo de [DURACION] que enseñe cómo [FUNCION] en [URL_O_APP].
1. Explora primero la página o la app y dime en cinco líneas qué vas a enseñar y en qué orden.
2. Escribe el guion de Screenplay con un subtítulo corto en cada paso, en [IDIOMA], y apunta a elementos por su texto o su rol, no por coordenadas.
3. Pásalo con check antes de grabar. Si algún paso envía, compra o borra algo de verdad, para y avísame.
4. Graba, revisa el storyboard y dame el MP4 con una lista de lo que cambiarías en una segunda toma.
VariableQué ponerEjemplo
[DURACION]Duración aproximada del vídeo30 segundos
[FUNCION]Lo que quieres mostrarse reserva una mesa desde el móvil
[URL_O_APP]Web, entorno de pruebas o app de escritoriohttps://demo.mirestaurante.es
[IDIOMA]Idioma de subtítulos y vozcastellano

Pégalo en: Claude Code, Cursor

Prompt propio de Fluye basado en los comandos check y record que documenta el README. No lo hemos ejecutado aquí.

Cómo funciona

  1. Instala Screenplay. npx agent-screenplay init descarga Chromium una vez, añade el servidor MCP a Claude Code, Codex o Cursor si los encuentra e instala la guía para escribir buenos guiones. Reinicia el agente.
  2. Pide el vídeo. En Claude Code escribe /screenplay y lo que quieres enseñar. En Codex o Cursor basta con pedir una grabación de pantalla; el agente explora y te pregunta si quieres voz.
  3. Revisa el guion. El agente escribe un JSON con pasos (clic, escribir, scroll), llamadas, focos y subtítulos. Puedes leerlo y corregirlo antes de grabar.
  4. Ensaya y graba. check ejecuta los pasos deprisa sin filmar; record graba y edita, y entrega demo.mp4 y un storyboard en PNG. render rehace la edición sin volver a grabar.
  5. Ajusta estilo y voz. npx agent-screenplay style abre un editor en el navegador para fondo, márgenes y cursor. La voz se activa por guion con Cartesia, ElevenLabs o tus propios audios.

Qué resultado esperar

Un MP4 de demo con cursor suave, zoom que sigue la acción y subtítulos, listo para la landing, un tutorial o un post, sin grabar ni editar a mano.

Qué se hizo
Un desarrollador publicó Screenplay, una herramienta que deja al agente de código explorar una web o app, escribir el guion del vídeo y grabarlo con edición tipo Screen Studio.
Cómo fue
El repo se creó el 2 nov 2026 y llevaba unas 28 estrellas el 4 nov. No publica casos de uso con resultados medidos.
A tener en cuenta
Muy verde y con clics reales durante la grabación: úsalo sobre un entorno de pruebas. Sin prueba propia todavía.

Límites y precauciones

  • Repo de muy pocos días y unas 28 estrellas en GitHub (4 nov 2026): puede cambiar o romperse.
  • El post de X que lo difundió avisa de que su autor leyó el README pero no lo ejecutó.
  • Las apps de escritorio necesitan una pantalla real; en Linux solo X11, no Wayland.
  • Algunas webs piden demostrar que eres humano en cada visita y no se pueden grabar solas.
  • Sin prueba propia todavía.
  • check y record hacen los clics de verdad: si el guion pulsa Enviar, se envía. Usa una cuenta de demo o un entorno de pruebas.
  • El archivo de sesión que guarda login (.screenplay/auth.json) no debe subirse a git.
  • Graba solo webs y apps que puedas enseñar: datos de clientes reales no deberían salir en el vídeo.

Variantes

  • cursor: Con el servidor MCP instalado, pide la grabación en el chat del agente.
  • playwright: Por debajo, Screenplay usa Playwright y Chromium sin interfaz para las webs.

Fuentes: repo agent-screenplay en GitHub y el post de @RoundtableSpace en X. Caso curado, no probado por Fluye.

Grabar la demo de tu producto suele ser una tarde perdida: ensayar los clics, repetir tomas y luego editar zooms y subtítulos. Screenplay propone otra cosa. Le pides a tu agente de código algo como «haz un vídeo que enseñe cómo funciona el traspaso a un humano», el agente explora la web o la app, escribe un guion corto en JSON y Screenplay lo reproduce, lo graba y lo edita con cursor suave, zoom automático, llamadas, subtítulos y, si quieres, voz.

Lo interesante es el reparto: Screenplay no trae IA ni pide clave de modelo. El agente que ya usas (Claude Code, Codex o Cursor) hace el trabajo de pensar y la herramienta hace el de filmar. Se instala con un comando, que añade el servidor MCP a los agentes que encuentra, y también se puede usar desde la terminal con check para ensayar sin grabar, record para grabar y render para retocar sin repetir la toma.

Ojo con dos cosas. La grabación hace clics de verdad, así que si el guion pulsa Enviar, se envía: úsalo con una cuenta de demo. Y el proyecto tiene días de vida; el propio post que lo difundió dice que el autor leyó el README, no que lo ejecutara. Si lo que buscas es un anuncio a partir de una foto, mira guion de vídeo de producto con IA. Para montar luego la landing donde va el vídeo, landing pages con una skill de diseño. Ficha de la herramienta: Claude Code.

Preguntas frecuentes

¿Lo habéis probado?

No. La ficha resume el README del repo oficial. No hemos grabado ningún vídeo con Screenplay.

¿Necesita una API key de IA?

No. Screenplay no lleva modelo: piensa tu agente (Claude Code, Codex, Cursor) y Screenplay solo graba y edita. Solo la voz pide clave de Cartesia o ElevenLabs, o tus propios audios.

¿Puedo grabar webs que no son mías?

Técnicamente sí, según el README. Otra cosa es si puedes publicarlo: revisa las condiciones de esa web antes de usar el vídeo.

¿Sirve para apps de escritorio?

Sí, en macOS, Windows y Linux con X11, usando las APIs de accesibilidad del sistema. Necesita una pantalla real, no un contenedor sin interfaz.

Telegram. Suscríbete al canal de Telegram para no perderte nada y estar al loro de todo lo nuevo en automatización y agentes de IA.Unirme al canal

Casos relacionados

›
Guion de vídeo de producto con IA, plano a plano
Describes la foto del producto y pides una lista de planos, con movimiento y texto en pantalla. El guion se lleva a una herramienta de vídeo. El chat no da el archivo renderizado.
›
Editar vídeos con IA: tu agente corta muletillas y silencios por ti
Instalas video-use como skill en Claude Code, dejas los vídeos en bruto en una carpeta y le pides el montaje. El agente transcribe con ElevenLabs, propone una estrategia de cortes, espera tu OK y genera final.mp4 con ffmpeg. Caso curado, sin prueba propia.
›
Landing pages que no parecen hechas con IA: Claude Code o Cursor con una skill de diseño abierta
Instalas la skill landing-page-design de elayadesign/ai-design-skills en Claude Code, Cursor o Codex y le pides la landing en lenguaje normal. La skill pregunta lo que falta, propone estructura y textos y aplica reglas visuales fijas. Gratis, licencia MIT. Curado, no probado por Fluye.
›
Que tu agente de IA use tus programas de escritorio (GIMP, Audacity, Blender...) con CLI-Anything
CLI-Anything es un proyecto abierto que crea una línea de comandos para programas pensados para personas, como GIMP, Audacity, Blender o LibreOffice, para que un agente de código los use sin ratón. Tiene un catálogo, CLI-Hub, que se instala con pip, y una skill para que el agente elija el programa.

Sigue explorando

  • → Todos los casos de Marketing y contenido
  • → Casos de uso de Claude Code
  • → Guía: Qué es un agente MCP (Model Context Protocol)
  • → IA para programadores
  • → IA para empresas
Patrocinado

Reclama este espacio: 199 €/mes · 2 plazas libres

Pablo · Programador y SEO

Publicado 4 nov 2026 · Actualizado 4 nov 2026

Fuentes: Repo agent-screenplay de gmpetrov en GitHub (MIT): instalación, guiones y voz; Post de @RoundtableSpace en X sobre Screenplay

SobreEnviar casoAviso legalPrivacidadCookiesTérminos

© 2026 Fluye por la web. Algunos enlaces son de afiliación o patrocinio. Consulta el aviso de afiliación.

Telegram