Saltar al contenido
Guía7 min de lectura

Guía de vídeo demo de Cursor

Demuestre que una construcción de Cursor funciona con un flujo, no con un tour del código.

Muestre un flujo funcional de una app de Cursor, donde no existe una URL de vista previa por defecto ni un destino de despliegue integrado en el que apoyarse.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargarlo.

Cursor es un editor de código con asistencia de IA integrada. No despliega nada, no aloja nada ni genera una URL de vista previa. Ese único hecho cambia la preparación de un vídeo demo más que cualquier otro detalle sobre la plataforma: antes de que una URL y una indicación puedan producir algo, la app tiene que estar ya ejecutándose en algún lugar que un navegador pueda alcanzar. Un desarrollador que viene de una plataforma que despliega automáticamente encontrará este paso poco familiar, y saltárselo es el motivo más común por el que un primer intento falla antes de empezar.

GogoScreen toma una URL de app web y una indicación de una sola línea sobre lo que mostrar, y devuelve un MP4 narrado y editado con zooms en los clics, suavizado del cursor, cortes de silencios muertos y subtítulos incrustados. Funciona con cualquier URL que se le dé, lo que significa que un proyecto de Cursor desplegado en cualquier alojamiento, ya sea una plataforma que el desarrollador eligió deliberadamente o un despliegue rápido montado solo para la grabación, es igual de utilizable como fuente. La herramienta no le importa qué plataforma escribió el código. Le importa si la URL resuelve a una app funcional.

¿Por qué necesita Cursor un paso inicial distinto?

Un proyecto construido en v0, Bolt o Lovable normalmente incluye un enlace de vista previa automático en cuanto termina la generación. Un proyecto construido en Cursor no, porque el trabajo de Cursor termina en el código. Confirme que la app está desplegada en una URL alcanzable antes de intentar grabarla. Eso puede significar subirla a un alojamiento que el equipo ya usa, o puede significar levantar un despliegue temporal específicamente para que se pueda hacer un vídeo. En cualquier caso, este paso tiene que ocurrir primero, y es fácil subestimar cuánto más tarda que la propia grabación.

Esto también significa que un proyecto de Cursor puede terminar alojado en casi cualquier lugar, a diferencia de una plataforma que ata cada construcción a un único destino de despliegue. Esa flexibilidad es útil para el trabajo de producción, pero significa que no hay un lugar único y predecible al que apuntar una herramienta de vídeo demo. Conozca la URL exacta en la que está en producción la app antes de escribir la indicación, y confirme que es el despliegue actual y no uno anterior que quedó ejecutándose de una prueba previa.

Es habitual que un proyecto de Cursor tenga varios despliegues ejecutándose a la vez durante el desarrollo activo: un entorno de staging, una instancia de prueba personal, quizá uno antiguo que nadie recordó desmontar. Grabar contra el equivocado produce un vídeo que técnicamente muestra una app funcional, solo que no la que el equipo pretendía mostrar. Antes de escribir la indicación, compruebe el panel de despliegues o el proveedor de alojamiento directamente en lugar de confiar en un marcador que podría apuntar a algo desactualizado.

Plataforma de creaciónURL de vista previaQué significa para un vídeo demo
v0Generada automáticamente al desplegarNormalmente alcanzable de inmediato
CursorNinguna por defectoLa app debe desplegarse manualmente primero
Un flujo de trabajo de IDE generalDepende por completo de la elección del desarrolladorConfirme la URL en producción antes de grabar nada

¿Qué flujo debe mostrar el vídeo?

Elija el único flujo que demuestra que la construcción funciona, no un tour del código que la produjo. Un espectador que ve un vídeo demo no le importa que el proyecto se escribiera en Cursor en lugar de montarse con un generador. Le importa si la app en ejecución hace el trabajo que dice hacer. Elija la única acción que responda a esa pregunta con más claridad: una tarea completada, un resultado producido, un estado que cambia de una forma que el espectador puede seguir sin que toda la explicación dependa de la narración.

Como los proyectos de Cursor tienden hacia código de estilo producción en lugar de prototipos rápidos, tienen más probabilidades de incluir autenticación real, una base de datos real y lógica de negocio genuina detrás de las pantallas. Eso puede hacer que la app sea más capaz, pero también más propensa a tener un flujo que depende de un estado previo, así que planifique la ruta grabada en torno a datos que ya existan en lugar de asumir que un estado vacío demostrará algo útil.

Eso también significa que los modos de fallo son distintos a los de un prototipo generado. Un prototipo podría mostrar una tabla obviamente vacía. Una construcción de Cursor de estilo producción tiene más probabilidades de fallar en silencio, devolviendo una pantalla de aspecto correcto con los datos equivocados, o un mensaje de éxito para una operación que en realidad no se completó. Pruebe el flujo exacto a mano inmediatamente antes de grabar, no el día anterior, para que el estado que capture la renderización coincida con lo que confirmó por última vez.

  • Confirme la URL exacta y la ruta desde la que debe empezar el flujo.
  • Prepare datos que hagan legible el resultado, ya que un backend real rara vez empieza precargado.
  • Elimine cualquier nombre de cliente, dato de cliente o material privado del entorno antes de grabar.
  • Si un inicio de sesión protege el flujo, use una cuenta de demostración en lugar de una real.

¿Cómo se maneja un inicio de sesión construido para producción?

Si un inicio de sesión protege el flujo, se puede proporcionar una cuenta de demostración mediante el proceso aprobado, y en GogoScreen las credenciales se cifran, se usan para una única renderización y después se eliminan. Si primero se planifica un storyboard, las credenciales se conservan cifradas durante esa sesión y se eliminan como máximo dos horas después de su último uso. Esto importa más en una construcción de Cursor que en un prototipo generado con rapidez, porque la autenticación de estilo producción tiene más probabilidades de ser la real en lugar de un marcador de posición, y el equipo debe saber exactamente qué ocurre con cualquier acceso que conceda con el propósito de un único vídeo.

Escriba una indicación que nombre el inicio, la acción y el resultado, y después revise el candidato antes de compartirlo. Una indicación como "desde el panel con la sesión iniciada, cree un registro nuevo y muéstrelo guardado en la lista" le da a la renderización una ruta concreta. Una indicación vaga como "muestre la app funcionando" arriesga una renderización que aterrice en la pantalla equivocada o narre una función que el flujo nunca demuestra realmente.

  1. Confirme que la app está desplegada en una URL alcanzable antes de intentar grabarla.
  2. Elija el único flujo que demuestra que la construcción funciona, no un tour del código que la produjo.
  3. Escriba una indicación que nombre el inicio, la acción y el resultado, y después revise el candidato antes de compartirlo.

¿Dónde encaja este vídeo para un desarrollador en solitario?

La guía de vídeo demo para desarrolladores en solitario cubre el caso en el que la misma persona escribió el código, lo desplegó y es el único revisor antes de que el clip vaya a ninguna parte pública, algo habitual en proyectos de Cursor construidos fuera de un equipo. Para un producto que ya se lanzó y recibe una actualización incremental, la guía de vídeo de actualización de producto cubre cómo enmarcar el clip en torno a lo que cambió en lugar de toda la app. Si el proceso actual implica un grabador de pantalla manual como alternativa, la guía de demo de producto alternativa a Screen Studio compara ese enfoque directamente.

Aproximadamente una de cada cinco renderizaciones falla o necesita un segundo intento, así que vea el candidato antes de enviarlo a cualquier parte. Para una actualización dirigida a una parte interesada en lugar de una audiencia general, la guía de vídeo demo de actualización para inversores cubre cómo acotar el mismo flujo a un cambio actual. Para elegir el aspecto del primer fotograma del archivo antes de compartirlo, la guía del fotograma de póster del vídeo demo es relevante sin importar qué plataforma produjo la app.

Para el mismo trabajo en otras páginas de Cursor, consulte la guía de vídeo de página de destino de Cursor, la guía de vídeo de lanzamiento en Product Hunt de Cursor, la guía para compartir con un cliente de Cursor y la guía de demo de portafolio de Cursor, y para revisar la construcción frente a un briefing, la guía de recorrido de revisión de una app de Cursor. Para una comparación directa de herramientas de grabación, revise GogoScreen frente a Screen Studio. Empiece en la página de inicio para el flujo de trabajo de URL e indicación, explore guías para el resto de la serie, consulte comparaciones frente a otras herramientas, y revise los precios antes de enviar una renderización.

Aclaraciones

Antes de empezar

¿Por qué necesita una app de Cursor preparación adicional antes de un vídeo demo?

Cursor es un editor, no una plataforma de alojamiento. No genera una URL de vista previa por sí solo, así que la app tiene que estar ya desplegada en algún lugar alcanzable antes de que sea posible un vídeo demo.

¿Tiene todo proyecto de Cursor un inicio de sesión?

No necesariamente, pero un proyecto construido en un editor de propósito general tiene más probabilidades de incluir autenticación real que un prototipo generado con rapidez, porque el desarrollador está escribiendo código de estilo producción en lugar de aceptar un valor por defecto.

¿En qué debe centrarse el vídeo demo?

En un flujo funcional que muestre lo que hace la app, alcanzado desde una URL en la que el espectador pueda confiar. El objetivo es demostrar que el código funciona como una app en ejecución, no explicar cómo se escribió.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.