
Renderizado con este Skill
Demo de clics CursorCam v1.1.0
Pide una demo de tu app web y recibe un MP4 pulido: tu agente recorre el flujo haciendo clic, la cámara se acerca a cada clic y el cursor se desliza.
- Formato
- Vídeo · 16:9
- Duración
- 0:29
Gratis Gratis con una cuenta
Pega esto en tu agente. Conecta la CLI si hace falta y luego instala el Skill.
Un Skill de código abierto que graba vídeos de demo con clics de cualquier app web o sitio. Tu agente explora la app, escribe los pasos, los prueba, los graba en un navegador oculto y renderiza un MP4 a 1080p y 60 fps con zoom automático, cursor suave y ondas en cada clic; antes de entregarlo revisa fotogramas de su propio vídeo.
Actualizado el 2 nov 2026
Qué obtienes
- Un MP4 a 1080p y 60 fps con zoom automático, cursor suave y ondas en cada clic
- Una portada y un archivo de pasos reutilizable para volver a grabar cuando cambie la app
- Otros tamaños desde la misma grabación: X, LinkedIn, YouTube, Discord, cuadrado o vertical
- Una revisión de fotogramas del vídeo antes de entregarlo
Ideal para
- Demos para la landing y el README de un SaaS o app web
- Publicaciones de lanzamiento y clips de novedades en X y LinkedIn
- Onboarding, documentación y guías de soporte
No es para
- Promos o vídeos de lanzamiento con motion graphics o locución
- Apps nativas de escritorio o móvil que no corren en un navegador
Sobre este Skill
/cursorcam Haz una demo de 30 segundos de http://localhost:3000: abre el salón, baja las luces al 35 %, cambia a luz cálida, cierra las persianas y guárdalo como una escena llamada "Evening wind-down". Termina en la nueva escena.
Pide a tu agente una demo de tu app: un registro, un pago, crear un proyecto, guardar un ajuste. CursorCam se encarga de todo. Abre la app, encuentra los botones y campos, escribe el flujo como un archivo corto de pasos, lo ejecuta una vez para detectar errores y luego lo graba en un navegador oculto y renderiza un vídeo que parece editado a mano: la cámara se acerca donde ocurre cada clic y cada tecleo, se queda ahí mientras la acción sigue cerca y se aleja cuando el flujo pasa a otra zona.
Cómo funciona
- Pide: indica la URL, el único flujo que quieres mostrar y dónde se publicará el vídeo, como X, LinkedIn, YouTube, Discord o un README.
- Explora: comprueba que la app está en marcha (o arranca tu servidor de desarrollo), mira cada página y enumera los botones y campos que puede usar.
- Pasos: escribe de 5 a 15 pasos (clics, texto, elecciones en menús, arrastres) y los prueba, guardando un fotograma por paso.
- Graba: graba el flujo y renderiza un MP4 con zoom automático, cursor suave, ondas en cada clic y una ventana de navegador sobre el fondo que elijas.
- Revisa: lee fotogramas de su propio vídeo, corrige problemas de encuadre o ritmo y te entrega el vídeo, una portada y el archivo de pasos.
Consejos
- Un flujo por vídeo, de 10 a 40 segundos. Termina en el resultado.
- Di dónde se publicará; el tamaño, la cadencia y el límite de archivo salen de ahí.
- Guarda el archivo de pasos. Cuando cambie tu app, vuelve a grabar con un solo comando.
- Otros tamaños, como cuadrado o un archivo más ligero para la documentación, se renderizan en segundos desde la misma grabación.
- Si hace falta iniciar sesión, te lo pide y nunca guarda lo que escribes; las contraseñas aparecen como puntos en el vídeo.
Código abierto
CursorCam es obra de Avijit Dey (Avijit07x/cursorcam) y se comparte con la Apache License 2.0. La descarga es el Skill tal como está publicado en GitHub; el grabador se ejecuta desde npm la primera vez que pides un vídeo.
Qué necesitas antes de empezar
- Tú aportas
- La URL de tu app web (sirve un servidor de desarrollo local), el único flujo que quieres mostrar, dónde se publicará el vídeo y un acceso de prueba si el flujo lo necesita.
- Dependencias
- Node.js 22 o posterior — obligatorio · Google Chrome (o CHROME_PATH) — obligatorio
- Costes externos
- Ninguno. Funciona en tu propio ordenador con el navegador que ya tienes.
- Última prueba
- v1.1.0 —
Opiniones de usuarios
Aún no hay opiniones. Instala el Skill y sé el primero en valorarlo.
Preguntas frecuentes
¿Funciona con mi app en local?
Sí. Dale una URL de localhost o deja que encuentre y arranque el servidor de desarrollo de tu proyecto. Graba cualquier página que Chrome pueda abrir, incluidos los entornos de staging.
¿Cómo sabe el zoom adónde ir?
Cada clic y cada campo en el que se escribe es un objetivo. La cámara se acerca a él, se queda mientras las siguientes acciones estén en la misma zona y se aleja cuando el flujo va a otra parte. Puedes desactivar el zoom, cambiar cuánto se acerca o ajustarlo paso a paso.
¿Y los inicios de sesión y la verificación en dos pasos?
Te pide el acceso o el código de un solo uso cuando el flujo lo necesita, lo usa solo en esa grabación y nunca lo escribe en un archivo. Los campos de contraseña muestran puntos y los demás valores secretos se difuminan.
¿Por qué es gratis?
CursorCam es un Skill de código abierto de Avijit Dey. Lo publicamos tal cual, con una muestra hecha al usarlo con nuestra app de hogar inteligente, Solenne.






