v0
Agente de Vercel para generar e iterar aplicaciones desde lenguaje natural, con revisión de código, integraciones y exportación.
Fuente: v0 (Vercel) · Oficial · Mantiene Vercel · Ver original en v0.app
Ficha técnica
- Organización
- Vercel (se abre en una pestaña nueva)
- Categoría
- Creación de aplicaciones
- Plataforma
- Web
- iOS
Qué es
v0 es el agente de creación de aplicaciones de Vercel. Parte de una descripción en lenguaje natural y genera código que se puede revisar, modificar y convertir en una aplicación completa. Su documentación contempla desde componentes y páginas de presentación hasta proyectos con autenticación, bases de datos y servicios externos. El resultado se trabaja como código: la herramienta ofrece una vista para inspeccionarlo y permite exportarlo para continuar el desarrollo localmente.
La plataforma integra generación, vista previa y publicación, pero esas operaciones tienen alcances distintos. Un chat recoge una conversación de trabajo; un proyecto reúne la aplicación, sus variables de entorno, dominios y despliegues. Varios chats pueden contribuir al mismo proyecto de Vercel. Esta organización permite entender dónde vive cada cambio y qué configuración comparte con el resto de la aplicación. También ayuda a distinguir una versión que se está explorando de la aplicación conectada a un proyecto de publicación.
Qué problema resuelve y por qué es relevante
La documentación presenta v0 como una forma de convertir una idea o un diseño en un prototipo que se puede probar e iterar. En lugar de limitar la conversación a una descripción de la interfaz, el flujo genera una aplicación y permite pedir cambios sobre ella. El caso de uso de prototipado se orienta a alinear a las personas implicadas, validar ideas y recoger comentarios antes de dedicar recursos de ingeniería a una implementación más amplia.
La aportación práctica está en unir esa conversación con una base de código editable. Se pueden seleccionar líneas y añadir comentarios que sirvan de contexto para la siguiente petición, o ajustar estilos desde Design mode. El trabajo también puede comenzar desde una base existente: la plataforma admite importar proyectos desde GitHub, desde Vercel o mediante un archivo ZIP. Por tanto, el punto de partida puede ser una aplicación que ya existe, además de una idea nueva que todavía necesita su primera interfaz.
Cómo funciona
El flujo de la guía rápida empieza con una descripción en el idioma preferido. Después de la primera generación, la aplicación se refina mediante conversación. La vista Code muestra el código y permite señalar líneas para añadir comentarios de contexto. Design mode ofrece otro acceso al mismo trabajo: se seleccionan elementos de la vista previa, se ajustan sus estilos y Apply lleva esos cambios al código como una nueva versión del chat.
La vista previa ejecuta la aplicación en Vercel Sandbox, que la documentación describe como una máquina virtual ligera con un entorno aislado. Esta vista permite trabajar sobre la aplicación durante la iteración. La publicación y la conexión con el repositorio constituyen pasos distintos de ese flujo. GitHub es opcional: se puede usar la herramienta sin conectarlo, o importar un repositorio existente para trabajar sobre él.
Cuando interviene un repositorio, las comprobaciones y revisiones obligatorias de GitHub siguen aplicándose al publicar. La exportación del código también permanece disponible para continuar localmente y desplegar en otro alojamiento. La integración profunda con Vercel facilita la experiencia de la plataforma, pero la documentación no la presenta como una prohibición de usar ese código fuera de Vercel.
Del planteamiento al código
Leer el diagrama como texto
- Idea
- Aplicación
- Revisión
- Exportar código
Conexiones
- Idea → Aplicación
- Aplicación → Revisión
- Revisión → Exportar código
Funcionalidades principales
- Generación e iteración de aplicaciones a partir de descripciones en lenguaje natural.
- Revisión del código con comentarios asociados a líneas concretas.
- Ajustes visuales mediante Design mode y guardado como versión del chat.
- Importación de proyectos desde GitHub, Vercel o archivos ZIP.
- Uso de capturas, mockups y diseños de Figma como material de entrada.
- Integración con bases de datos, autenticación y servicios externos.
- Exportación del código para continuar el desarrollo localmente.
- Aplicación de iOS para generar e iterar sobre proyectos desde el dispositivo.
Cuándo conviene usarla, y cuándo no
- Prototipar una aplicación y recoger comentarios antes de dedicar más recursos de ingeniería.
- Iterar sobre una interfaz aportando diseños, capturas o comentarios sobre el código.
- Trabajar sobre un repositorio de GitHub existente con el flujo de revisión correspondiente.
- Continuar el desarrollo localmente después de exportar el código.
- En contra: planificar un uso sin conexión; la generación requiere internet.
- A tener en cuenta: configurar nuevos servidores MCP para los chats móviles requiere escritorio.
- A tener en cuenta: conectar GitHub no elimina las comprobaciones y revisiones exigidas por el repositorio.
Casos de uso
- Páginas de presentación para explorar una propuesta y su interfaz.
- Paneles con visualización de datos y pantallas de consulta.
- Tiendas y aplicaciones completas que incorporan servicios externos.
- Prototipos para validar una idea con las personas implicadas en el proyecto.
- Evolución de una aplicación existente importada desde su repositorio o archivo ZIP.
Para quién es
- Personas que necesitan convertir una idea en un prototipo sobre el que conversar y recoger comentarios.
- Equipos que revisan interfaces mediante diseños, capturas y anotaciones sobre el código.
- Desarrolladores que quieren continuar el trabajo localmente después de exportar el resultado.
- Equipos que ya mantienen un repositorio en GitHub y necesitan conservar sus revisiones y comprobaciones al publicar.
Ventajas
- Reúne conversación, edición del código y ajustes visuales dentro del flujo de la aplicación.
- Permite comenzar con una idea nueva o importar una base de código existente.
- Mantiene la exportación disponible para trabajar sobre el código fuera de la plataforma.
- Ofrece integraciones documentadas para conectar datos y servicios externos.
- Conserva las comprobaciones y revisiones obligatorias de GitHub en el proceso de publicación.
Limitaciones
La generación depende de conexión a internet. La experiencia integrada de variables de entorno, vista previa y despliegue utiliza Vercel, aunque se puede exportar el código y desplegarlo en otro alojamiento. La aplicación para iOS permite iterar sobre proyectos; la configuración de nuevos servidores MCP se gestiona en escritorio. Si se conecta GitHub, continúan aplicándose sus comprobaciones y revisiones obligatorias. Estas condiciones deben distinguirse de una garantía sobre el comportamiento de la aplicación generada.
Requisitos y consideraciones
El inicio documentado requiere entrar en la plataforma e iniciar sesión, crear un chat o proyecto y describir la aplicación. Para procesar instrucciones y generar código hace falta conexión a internet. La cuenta de Vercel permite acceder a v0, según sus preguntas frecuentes. Si el proyecto usa GitHub, hay que comprobar que el repositorio sea accesible para la integración y conservar el flujo de revisión que corresponda.
La configuración de servicios forma parte del trabajo sobre la aplicación. La guía rápida enumera integraciones de datos con Neon, Supabase, Upstash para Redis y Blob, además de Stripe para pagos y suscripciones. Las variables de entorno se gestionan desde Vercel. Identificar el proyecto conectado a cada chat ayuda a localizar esa configuración, porque varios chats pueden contribuir a la misma aplicación. La documentación enlazada permite revisar el flujo de integración concreto antes de conectar un servicio y diferenciar la generación de una pantalla de su conexión efectiva con datos y servicios.
Ejemplo práctico
Iniciar un proyecto.
Entrar en v0 e iniciar sesión; después crear un chat o proyecto según la guía rápida.
Describir la interfaz.
La guía propone, por ejemplo, una lista de tareas con acciones para añadir, editar y eliminar. Es una petición de ejemplo de la documentación, no una aplicación ejecutada para esta ficha.
Revisar la primera versión.
Inspeccionar la aplicación generada y solicitar cambios mediante la conversación.
Añadir contexto de código:
seleccionar las líneas relevantes en Code y adjuntar comentarios para la siguiente petición.
Ajustar el diseño.
Seleccionar elementos en Design mode y aplicar los cambios para incorporarlos como una nueva versión del chat.
Continuar el desarrollo.
Editar dentro de la plataforma o exportar el código para trabajarlo localmente. Si el flujo pasa por GitHub, conservar sus revisiones y comprobaciones antes de publicar.
Enlaces oficiales
Fuentes consultadas
Documentación
- v0 — overview · Vercel
- v0 — quickstart · Vercel
- v0 — faq · Vercel
Secundarias
- Descubrimiento: v0 · cual.aiFuente secundaria
