Saltar al contenido
Guía7 min de lectura

Vídeo demo de portafolio de Cursor

Muestre al revisor la app funcionando, no una captura de pantalla.

Convierta un proyecto creado con Cursor en una entrada de portafolio que muestre el flujo funcionando, con una ruta accesible y un trabajo de usuario claro.

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

Una entrada de portafolio creada con Cursor tiene un único trabajo: convencer a alguien que repasa una lista de proyectos de que este merece una mirada más detenida. Esa persona suele ser un responsable de contratación, un líder técnico que revisa una prueba para casa, o un cliente potencial que compara a varios freelancers. Ninguno de ellos clonará el repositorio antes de decidir si sigue leyendo. Mirarán lo que esté junto al título del proyecto, y una captura de pantalla estática de un formulario o un panel casi no les dice nada sobre si la cosa realmente funciona.

Cursor en sí mismo es un editor de código, no una plataforma de alojamiento. No publica un proyecto en una URL pública ni mantiene una vista previa funcionando por sí solo. Lo que sea que el desarrollador construya se ejecuta de forma local durante el trabajo, en un servidor de desarrollo accesible en una dirección local, y se despliega después en el host que el desarrollador haya elegido, si es que llegó a desplegarlo. Esa brecha entre «el código existe» y «la app es accesible» es exactamente donde una entrada de portafolio puede fallar incluso cuando el trabajo subyacente es sólido. Un vídeo evita esa brecha. Captura la app en su estado accesible actual, ya sea una URL desplegada o un servidor de desarrollo local, y lo convierte en algo que un revisor puede ver sin tener que ejecutar nada por su cuenta.

¿Qué trabajo debe mostrar el vídeo de portafolio?

Elija la única interacción que mejor demuestre la habilidad que quiere que se le reconozca. Una herramienta de gestión de proyectos debería mostrar una tarea que se mueve de una columna a otra y se queda allí. Una herramienta de datos debería mostrar un archivo que entra y un resultado transformado que sale. Resista el impulso de abrir todas las pantallas que tiene el proyecto. Un revisor que ve seis funciones sin relación en noventa segundos normalmente no recuerda ninguna, mientras que un revisor que ve una interacción convincente recuerda que quien la construyó puede entregar una función funcional de principio a fin.

Trabajo de portafolioQué demuestraQué eliminar
Una interacción centralQue la construcción realmente funciona, no solo que se renderizaUn recorrido por ajustes, paneles de administración y páginas sin relación
Un estado visible de antes y despuésLa relación causa y efecto dentro de la appUna narración que describe el código en lugar de la pantalla
Un estado de datos creíbleQue la app se probó con entradas reales, no con una demo vacíaTexto de relleno que quedó del andamiaje inicial

Si el proyecto es una pieza complementaria más pequeña en lugar del proyecto principal, un clip al estilo vídeo de changelog para un SaaS funciona mejor que un recorrido completo, ya que puede centrarse en un cambio publicado en lugar de en todo el producto.

¿Cómo se prepara un proyecto de Cursor para la grabación?

Abra primero la ruta accesible a mano, de la misma forma en que probaría cualquier app web antes de ponerla delante de otra persona. Confirme que no hay una redirección rota, ningún paso de incorporación a medio terminar, ni un estado vacío donde debería estar el resultado significativo. Los proyectos de Cursor a menudo empiezan con datos de relleno de una plantilla inicial, y esos datos se leen como inacabados en el momento en que alguien más los ve. Sustitúyalos por algo que parezca un uso real y plausible de la herramienta antes de grabar nada.

  • Confirme que la ruta se abre sin un error ni un estado de carga bloqueado.
  • Sustituya el contenido de relleno de la plantilla inicial por datos que correspondan al propósito real de la app.
  • Decida si el flujo necesita un inicio de sesión y, si es así, prepare una cuenta desechable.
  • Anote el punto de inicio y el punto final exactos de la interacción que quiere mostrar.

Si el proyecto está protegido por autenticación, se puede proporcionar una cuenta de demostración mediante el proceso normal de GogoScreen, 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. Ese es un detalle importante para quien construye un portafolio, ya que el inicio de sesión de un proyecto personal sigue siendo un inicio de sesión que preferiría no entregar sin más. Para una guía complementaria sobre cómo preparar correctamente esa cuenta, consulte preparar una cuenta de demostración para un vídeo de producto.

Piense con cuidado de quién son los datos que aparecen en pantalla. Un proyecto personal construido en Cursor a veces contiene información real de las primeras pruebas, una dirección de correo electrónico personal usada para registrarse, o el nombre de un amigo escrito al probar la función. Nada de eso pertenece a una entrada de portafolio pública. Sustitúyalo por datos que sean claramente representativos y no claramente reales, y revise todos los campos visibles, no solo aquel en el que se centra la interacción.

¿Qué debe decir la indicación del flujo?

  1. Elija un trabajo que realice la app que un desconocido pueda entender en diez segundos.
  2. Llegue al estado que demuestra que el trabajo realmente se completó, no solo la pantalla inicial vacía.
  3. Grabe el flujo en lugar de una captura de pantalla, para que un revisor vea a la app responder.

Escriba la indicación como si estuviera explicando la app a alguien que tiene al lado, usando las mismas palabras que usa la interfaz. Si la app llama a algo «espacio de trabajo», la indicación debe decir espacio de trabajo, no carpeta. Una indicación vaga como «mostrar el panel» invita a una grabación que deambula por la interfaz sin llegar nunca a un resultado, y una pieza de portafolio que deambula es peor que ningún vídeo.

¿Dónde debe estar el vídeo terminado?

Coloque el vídeo en la parte superior de la entrada de portafolio del proyecto, antes de la descripción y antes de la lista de tecnologías. Un revisor que tiene que desplazarse por tres párrafos para encontrar la prueba de que la app funciona normalmente ya ha seguido adelante. Si el mismo proyecto también necesita su propia página pública, la cuestión de la colocación cambia, y un tratamiento de vídeo demo de página de destino o un tratamiento de vídeo de lanzamiento en Product Hunt responde a un encargo distinto al de una entrada de portafolio, incluso cuando el material grabado subyacente es similar. Un vídeo demo de Windsurf general cubre el mismo flujo de trabajo de grabación si el proyecto se hubiera construido en esa plataforma en su lugar, y los pasos de preparación se trasladan de todos modos.

Si el propio portafolio necesita llegar a un revisor concreto sin perfil técnico, como un reclutador que reenvía su trabajo a un responsable de contratación que no hará clic en nada, un traspaso al estilo de Windsurf, compartir con un cliente explica cómo empaquetar el mismo tipo de prueba para alguien que quiere una respuesta directa en lugar de una página que explorar.

Un vídeo de portafolio también es un buen candidato para reutilizar. El mismo clip, recortado de otra forma, puede servir de apoyo a un vídeo demo de una app en staging compartido de forma privada con un mentor para recibir comentarios, o a un corte más breve dirigido a alguien que está decidiendo si un SaaS nuevo merece su primer vídeo demo. Mantenga la grabación original centrada en un único trabajo para que esos recortes sigan siendo fáciles de hacer, en lugar de requerir una nueva grabación completa. Si se planea una revisión de seguimiento una vez que el código cambie, el recorrido de revisión de una app de Cursor explica cómo entregar a un revisor el flujo que demuestra que se completó una solicitud concreta, que es un uso relacionado pero distinto del mismo flujo de trabajo subyacente.

¿Qué debe comprobar antes de publicarlo?

Vea el vídeo terminado una vez como si nunca hubiera visto el proyecto antes. Compruebe si el fotograma inicial tiene sentido sin sonido, ya que muchos revisores lo verán sin audio. Confirme que nada en el encuadre revela una dirección de correo real, un nombre real, ni ningún dato que no quiera hacer público. Una alternativa en gif a la demo de producto a veces es el formato correcto en lugar de un vídeo completo, en particular cuando la entrada de portafolio está en una cuadrícula de tarjetas pequeñas en lugar de una página completa, así que decida el formato antes de comprometerse con una duración.

Recuerde que aproximadamente una de cada cinco renderizaciones necesita un nuevo intento, así que deje margen en su calendario en lugar de grabar la noche antes de una entrevista. Cada cuenta nueva recibe 60 segundos de vídeo una vez, con marca de agua, lo cual suele ser suficiente para una única interacción de portafolio. Después de eso, los vídeos usan tiempo de un plan o de una recarga; el tiempo comprado con recargas no caduca, y el tiempo solo se usa cuando una renderización sale bien. Nada de esto cambia el criterio editorial: el vídeo solo se gana su lugar en el portafolio si un desconocido puede verlo y creer que la app funciona. Compare el resultado terminado con Demosmith si está eligiendo entre herramientas de captura, consulte los precios para conocer los planes y las recargas, explore el resto de la biblioteca de guías y comparaciones para formatos relacionados, o empiece de nuevo desde la página de inicio de GogoScreen si el proyecto necesita un tipo de activo completamente distinto.

Aclaraciones

Antes de empezar

¿Por qué una entrada de portafolio de Cursor necesita un vídeo en lugar de una captura de pantalla?

Una captura de pantalla muestra un único momento estático. Un responsable de contratación o un cliente no puede saber, a partir de ella, si la interacción realmente funciona. Un vídeo breve del flujo real responde a esa pregunta en segundos, que es precisamente para lo que sirve una entrada de portafolio.

¿Aloja Cursor la app para el vídeo de portafolio?

No. Cursor es un editor de código, no un servicio de alojamiento. El desarrollador ejecuta el proyecto de forma local durante el trabajo y lo despliega por separado en el host que haya elegido. El vídeo debe mostrar el que sea accesible en el momento de la grabación.

¿Qué ocurre si el proyecto de Cursor solo funciona en localhost?

Un flujo en localhost se puede grabar y revisar como cualquier otra ruta accesible, siempre que se abra en un navegador. Trate la cuestión del despliegue como algo separado de la cuestión del portafolio y registre el estado que existe hoy.

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.