Saltar al contenido
Guía7 min de lectura

Guía de vídeo demo de Windsurf

Muestre un flujo de una construcción de Windsurf funcionando, de principio a fin.

Planifique un vídeo demo para una app construida con Windsurf en torno a un flujo funcional, con un paso de revisión honesto antes de publicarla.

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

Un vídeo demo de Windsurf empieza con la misma pregunta que cualquier vídeo demo: ¿qué es lo único que quiere que un desconocido entienda sobre esta app en menos de dos minutos? Windsurf es un editor de código asistido por IA, y los proyectos que ayuda a producir son aplicaciones web normales una vez que existen, accesibles de la misma manera que cualquier otra aplicación web. Las decisiones interesantes no tienen nada que ver con el editor. Se trata de qué trabajo mostrar, si la construcción está detrás de un inicio de sesión, y dónde se va a usar el vídeo terminado, ya que un vídeo destinado a una página de destino y un vídeo destinado a una publicación de galería de lanzamiento se construyen de forma distinta aunque muestren la misma app subyacente.

Como Windsurf no aloja ni publica la app terminada, la primera decisión real no es en absoluto creativa. Es confirmar qué ruta alcanzaría realmente un espectador hoy, y si esa ruta es lo bastante estable para sobrevivir a ser grabada, vista y posiblemente vuelta a ver por alguien que decide si hacer clic más. Saltarse esa comprobación es la razón más común por la que un vídeo demo de Windsurf envejece mal a los pocos días de publicarse.

Esta página es un punto de partida más que un encargo terminado para un destino concreto. Si ya sabe adónde va el vídeo, le servirá mejor la guía más específica. Un vídeo de página de destino de Windsurf está escrito para la prueba de la parte superior de la propia página del sitio de la app. Un vídeo de lanzamiento en Product Hunt de Windsurf está escrito para una galería de lanzamiento con sus propias restricciones de duración y relación de aspecto. Una guía de Windsurf para compartir con un cliente está escrita para un revisor no técnico que nunca hará clic en un enlace de vista previa. Una demo de portafolio de Windsurf está escrita para un responsable de contratación que examina una lista de proyectos, y un recorrido de revisión de una app de Windsurf está escrito para alguien que comprueba que se completó una solicitud específica. Lea primero esta página si aún no lo ha decidido.

¿Qué cuenta como un trabajo que vale la pena mostrar?

Un trabajo es una única tarea que un usuario real de la app intentaría completar, descrita como un inicio, una acción y un resultado. Crear un elemento, completar un paso de un proceso o llegar a una pantalla de resumen después de introducir datos son trabajos razonables. Un recorrido por cada menú no es un trabajo, y un vídeo que intenta ser un recorrido suele dejar al espectador sin poder describir después qué hace realmente la app.

Ayuda decir el trabajo en voz alta antes de decidir grabarlo. Si la frase necesita "y" más de una vez, probablemente son dos trabajos haciéndose pasar por uno, y dividirlo en dos grabaciones más cortas suele servir mejor tanto a la app como al espectador que un único vídeo que intenta cargar con todo el peso.

Trabajo candidatoBuen encaje para una demoMejor en otro lugar
Crear y ver un registroSí, muestra con claridad la entrada y el resultado-
Una pantalla de ajustes o configuraciónRara vez, salvo que la configuración sea el productoUn recorrido de revisión de app para una solicitud específica
La secuencia completa de incorporaciónRara vez, suele ser demasiado largaUna pieza dedicada de incorporación o de traspaso de agente

Si la construcción está más cerca de una herramienta interna hecha para un equipo que de un producto orientado al público, un vídeo demo de traspaso de un agente puede encajar mejor que una demo general, ya que ahí el objetivo es transferir contexto a la siguiente persona en lugar de convencer a un desconocido.

¿Cómo se prepara un proyecto de Windsurf antes de grabar?

Abra usted mismo la ruta desplegada y complete el trabajo previsto antes de que lo vea nadie más. Los proyectos de Windsurf, como la mayoría de las construcciones asistidas por IA, a menudo empiezan con datos de marcador de posición sobrantes del andamiaje, y esos datos se leen como inacabados en cuanto aparecen en pantalla. Sustitúyalos por algo que parezca un uso genuino de la app.

  • Confirme que la ruta carga sin una redirección que aterrice en un lugar inesperado.
  • Sustituya el texto de marcador de posición del andamiaje y los registros de muestra por algo específico del propósito de la app.
  • Decida si el flujo necesita un inicio de sesión y prepare una cuenta de demostración si lo necesita.
  • Cronometre la interacción una vez a mano para que la indicación de flujo coincida con lo que realmente ocurre en pantalla.

Si se requiere un inicio de sesión, se puede proporcionar una cuenta de demostración mediante el proceso normal en lugar de entregar una real. 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. Esa distinción importa para cualquiera que muestre una construcción que todavía tiene otros usuarios.

Vale la pena probar el flujo a más de una hora del día si la app depende de algo que cambia, como un horario, una cola o un recuento que se actualiza a medida que otras personas usan la app. Un vídeo demo capturado durante un momento tranquilo puede mostrar un estado vacío o engañoso si los datos subyacentes cambian para cuando alguien vea el vídeo terminado, aunque la grabación en sí fuera exacta en el momento en que se hizo.

¿Cómo debería escribirse la indicación de una línea?

  1. Elija el único trabajo que vale la pena mostrar antes de decidir el formato.
  2. Confirme que la ruta es accesible y está limpia, sin ningún estado de marcador de posición sobrante.
  3. Haga coincidir el formato con dónde aparecerá el vídeo, ya que una página de destino y una galería de lanzamiento quieren cosas distintas.

Escriba la indicación en lenguaje sencillo, nombrando la pantalla de inicio, la acción y el resultado esperado. Evite describir la app en términos de cómo se construyó. A un espectador no le importa que la app venga de un editor asistido por IA. Le importa si lo que hay en pantalla resuelve un problema que reconoce.

Lea la indicación una vez de nuevo como si usted fuera el espectador en lugar de la persona que la escribió. Si una palabra de la indicación no tendría sentido sin conocer ya la app, sustitúyala por algo que un visitante primerizo pudiera seguir, ya que la renderización no tiene forma de añadir contexto que usted no puso en la propia frase.

¿Dónde pertenece el vídeo terminado?

La colocación cambia lo que necesita el vídeo. Un vídeo de producto de página de destino se sitúa en la parte superior de la página y tiene que ganarse la atención en los primeros segundos sin sonido. Un vídeo de lanzamiento de un SaaS construido con IA está escrito para el momento específico en que un producto generado sale por primera vez al público, donde la audiencia juzga la idea tanto como la ejecución. Un vídeo demo de SaaS de un agente de IA se inclina hacia una audiencia técnica que evalúa si un agente realmente completó una tarea de forma correcta en lugar de simplemente producir una pantalla plausible. Ninguno de estos destinos cambia cómo se prepara la app. Cambian qué se corta y qué se mantiene en el encuadre.

Un vídeo demo de una app sin código se enfrenta a una pregunta relacionada pero distinta, ya que una construcción sin código y una construcción de código asistida por IA pueden parecer idénticas a un espectador aunque el proceso subyacente difiera. En ambos casos el vídeo terminado debe describir lo que hace la app, no cómo se hizo.

¿Qué debe comprobar antes de que sea público?

Revise el candidato frente a la indicación original. Confirme que el fotograma de apertura da suficiente contexto por sí solo, ya que muchos espectadores lo verán sin sonido y sin contexto previo. Compruebe si hay texto de marcador de posición, estados sin terminar o cualquier cosa en el encuadre que no querría que viera un desconocido. Aproximadamente una de cada cinco renderizaciones necesita un reintento, así que planifique el calendario teniéndolo en cuenta en lugar de grabar el día en que vence algo.

Cada cuenta nueva recibe 60 segundos de vídeo una vez, con marca de agua, y después, el tiempo comprado con recargas nunca caduca y el tiempo solo se usa cuando una renderización sale bien. Compare los enfoques de grabación con Screen Studio si está decidiendo entre una grabación manual y este flujo de trabajo, consulte los precios para conocer los planes, explore el resto de la biblioteca de guías y comparaciones, o empiece en la página de inicio de GogoScreen con la URL y la indicación de una línea sobre las que funciona todo el flujo de trabajo.

Aclaraciones

Antes de empezar

¿Qué debe mostrar un vídeo demo de Windsurf?

Debe mostrar un trabajo de usuario completado dentro de la app, desde un punto de partida reconocible hasta un resultado visible. No debe intentar resumir cada pantalla que tiene la construcción.

¿Windsurf aloja la app que mostrará el vídeo?

No. Windsurf es un editor de código. El proyecto se ejecuta localmente mientras se construye y solo se vuelve accesible una vez que se despliega en un alojamiento elegido por separado, ya sea un servidor personal o un proveedor de alojamiento.

¿Es un vídeo demo de Windsurf distinto de una demo para otro constructor?

El flujo de trabajo de grabación es el mismo para cualquier aplicación web accesible. Lo que difiere es el trabajo concreto y la categoría de app que se muestra, por lo que esta guía remite a guías específicas de formato para una página de destino, una galería de lanzamiento o una entrega a un cliente.

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.