Saltar al contenido
Guía7 min de lectura

Vídeo de demo de portafolio de v0

Ponga una construcción de v0 en funcionamiento en su portafolio, no una captura.

Muestre una construcción de v0 en funcionamiento en lugar de una captura, para que una entrada de portafolio demuestre que funciona en vez de describirlo.

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

Una captura de pantalla de portafolio demuestra que una interfaz existió en un momento dado. No demuestra que pulsar el botón hiciera algo. Un revisor que examina una lista de proyectos, ya sea un responsable de contratación, un posible cliente u otro constructor decidiendo si colaborar, intenta responder a una pregunta más estrecha que "¿se ve bien esto?": ¿funciona realmente esto? Una imagen estática no puede responder a esa pregunta. Un clip breve del flujo real sí, en menos tiempo del que se tarda en leer una descripción del proyecto.

GogoScreen toma la URL de una aplicación web y una indicación de una línea sobre qué mostrar, y devuelve un MP4 narrado y editado con zooms en los clics, suavizado del cursor, cortes de los silencios muertos y subtítulos incrustados. Para una entrada de portafolio, esa narración importa porque explica lo que está viendo el espectador sin necesitar un párrafo de contexto encima del clip. El vídeo lleva su propia explicación, que es exactamente lo que necesita una entrada de portafolio cuando nadie está junto al revisor para guiarlo.

¿Qué hace que una construcción de v0 sea una buena candidata de portafolio?

No todo proyecto de v0 pertenece a un portafolio, y los que sí suelen ser los menos elaborados visualmente. Una construcción que hace bien un trabajo específico, y que se puede mostrar haciéndolo en menos de un minuto, suele leerse como más competente que una app extensa con cinco secciones a medio terminar. Como v0 genera interfaz con rapidez, es fácil acabar con varias pantallas que nunca tuvieron funcionalidad real detrás. Elija la entrada, y dentro de esa entrada elija el único trabajo, que resista ser observado de cerca.

Elija el único trabajo que muestra por qué vale la pena incluir esta construcción en un portafolio. Puede ser un flujo de generación, una transformación de entrada a salida, o un cambio de estado que el espectador pueda entender de inmediato. Evite elegir un trabajo solo porque sea el construido más recientemente. Un portafolio se juzga durante meses o años, y el trabajo que mejor representa el proyecto el día en que se terminó suele seguir siendo la opción más sólida mucho tiempo después.

Esta elección está cerca, pero no es la misma, que la que cubre la guía de recorrido de revisión de una app de v0, escrita para un revisor que confirma que una construcción cumple un encargo en lugar de para una audiencia de portafolio decidiendo si contratar o volver a contratar. Un espectador de portafolio no está comprobando el trabajo frente a una especificación que escribió, está formando una primera impresión casi de la nada, así que el clip tiene que llevar más de la explicación por sí solo de lo que lo hace una entrega de revisión.

Calidad de la entrada de portafolioQué nota un espectadorQué hacer al respecto
Un trabajo, claramente terminadoEl flujo funciona de principio a finGrabe exactamente ese trabajo, nada más
Varias pantallas, ninguna completaBrechas entre lo que parece hecho y lo que funcionaElija el único flujo más terminado
Idea interesante, ejecución escasaEl concepto, no la ejecución, sostiene el interésSea honesto en el texto que lo rodea, no exagere el clip

¿Cómo se prepara la app para la grabación?

Abra la URL de vista previa de v0 y confirme que el flujo sigue funcionando antes de grabar una entrada que puede permanecer en línea durante años. Una construcción que funcionaba al lanzarse puede romperse silenciosamente semanas después si cambia una dependencia o caduca un recurso alojado, y una entrada de portafolio enlazada a una app rota perjudica a todas las demás entradas junto a ella. Compruebe el flujo a mano primero.

  • Cargue la ruta exacta desde la que empieza el flujo demostrado y confirme que sigue abriéndose correctamente.
  • Sustituya cualquier contenido de marcador de posición sobrante de la generación por algo que parezca intencionado.
  • Elimine los datos, el nombre o la cuenta de cualquier otra persona de la construcción antes de grabar.
  • Si el flujo necesita iniciar sesión, use una cuenta de demostración en lugar de una personal.

Si un inicio de sesión bloquea 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. Para una entrada de portafolio a la que se podría volver mucho después de la renderización, esto importa porque no queda ningún acceso pendiente del que preocuparse.

Reserve tiempo para esta comprobación incluso cuando la construcción se sienta terminada. Un proyecto que permaneció intacto durante meses es exactamente el tipo de entrada donde una dependencia se ha quedado obsoleta en silencio, una base de datos alojada se ha vaciado, o un servicio de terceros del que depende la app ha cambiado su comportamiento. Trate el repaso previo a la grabación como parte del mantenimiento del portafolio, no como un paso único que se completa y nunca se repite.

¿Cómo se escribe una indicación que capture el momento correcto?

Escriba una indicación que nombre el inicio, la acción y el resultado, y coloque el clip terminado junto a la entrada a la que pertenece. Una indicación como "desde el editor en blanco, genere un componente y muéstrelo renderizado en vivo" es lo bastante específica para producir un resultado utilizable. Una indicación vaga como "muestre la app" arriesga una renderización que se detiene en la navegación en lugar del momento que realmente demuestra el valor de la construcción.

  1. Elija el único trabajo que muestra por qué vale la pena incluir esta construcción en un portafolio.
  2. Abra la URL de vista previa de v0 y confirme que el flujo sigue funcionando antes de grabar una entrada que puede permanecer en línea durante años.
  3. Escriba una indicación que nombre el inicio, la acción y el resultado, y coloque el clip terminado junto a la entrada a la que pertenece.

Mantenga el vocabulario de la indicación coherente con las etiquetas que realmente usa la interfaz, para que la narración se lea como una descripción de la construcción real en lugar de un resumen genérico superpuesto a imágenes no relacionadas. La guía de vídeo demo para desarrolladores en solitario cubre un caso muy relacionado, en el que una sola persona es tanto el constructor como el único revisor antes de que el clip se haga público, la situación habitual para una entrada de portafolio construida fuera de un trabajo remunerado.

Un portafolio también difiere de una entrega a un cliente en lo indulgente que es la audiencia respecto al alcance. Un responsable de contratación que examina muchas entradas no penalizará un proyecto por ser pequeño, pero notará un clip que promete más de lo que el flujo realmente entrega. Mantenga la afirmación de la indicación exactamente tan grande como el flujo que describe, y deje que la descripción del proyecto que la rodea lleve cualquier contexto adicional sobre lo que la construcción todavía no hace.

¿Dónde debería vivir el clip una vez terminado?

Un clip que solo existe como un archivo en un portátil no hace ningún trabajo para el portafolio. La guía para incrustar un vídeo demo de producto cubre colocar el clip terminado directamente junto a la descripción del proyecto en lugar de enlazar a una página aparte, lo que mantiene la atención del revisor en el propio portafolio. Si la entrada representa un lanzamiento reciente en lugar de un proyecto antiguo, la guía de vídeo demo de anuncio de producto cubre cómo enmarcar esa distinción para que un espectador no confunda una construcción de hace un año con una actual.

Aproximadamente una de cada cinco renderizaciones falla o necesita un segundo intento, así que deje tiempo para ver el candidato antes de publicarlo, y consulte la guía de fallos de renderización de vídeo demo si el primer intento no vuelve utilizable. Si la construcción incluye algún comportamiento dirigido por agente en lugar de un flujo puramente manual, la guía de demo de automatización de navegador de un agente de IA cubre el cuidado adicional que necesita ese tipo de flujo antes de mostrarse a un revisor.

Para una construcción hecha en Cursor en lugar de v0, la guía de vídeo demo de Cursor, 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 y la guía para compartir con un cliente en Cursor recorren la misma preparación para un proyecto sin URL de vista previa integrada. Para una comparación directa de herramientas de grabación, revise GogoScreen frente a Demosmith. 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é es mejor un vídeo que una captura de pantalla para una entrada de portafolio?

Una captura de pantalla muestra un único estado congelado y le pide al espectador que imagine la interacción. Un vídeo muestra la interacción en sí, que suele ser la parte de una entrada de portafolio que un responsable de contratación o un cliente realmente necesita ver.

¿Debe la entrada de portafolio mostrar la URL de vista previa de v0?

No es necesario. Lo que importa es mostrar la app en funcionamiento, no la dirección en la que resulta estar alojada mientras la versión de portafolio permanece activa.

¿Cuánto debería durar un clip de demo de portafolio?

Lo suficiente para mostrar un trabajo completado, y no más. Un revisor que mira un portafolio suele estar comparando varias entradas en una misma sesión, y un clip que se alarga pierde esa comparación antes de terminar.

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.