Codex use case
Despliega una aplicación o un sitio web
Crea o actualiza una aplicación web, despliega una vista previa y obtén la URL para acceder a ella.
Usa Codex con Build Web Apps y Vercel para crear y desplegar una vista previa funcional que puedas compartir. Puedes partir de un repositorio, una captura de pantalla, un diseño o una idea inicial para una aplicación.
Best for
- Crear una vista previa web funcional a partir de una captura de pantalla, un mapa, un documento con los requisitos de diseño o una idea inicial para una aplicación
- Desplegar una rama o una aplicación local sin tener que configurar manualmente los comandos de Vercel
- Compartir la URL de la vista previa después de que Codex compile el proyecto y verifique el despliegue
Contents
Despliega una aplicación o un sitio web
Crea o actualiza una aplicación web, despliega una vista previa y obtén la URL para acceder a ella.
Usa Codex con Build Web Apps y Vercel para crear y desplegar una vista previa funcional que puedas compartir. Puedes partir de un repositorio, una captura de pantalla, un diseño o una idea inicial para una aplicación.
Usa Codex con Build Web Apps y Vercel para crear y desplegar una vista previa funcional que puedas compartir. Puedes partir de un repositorio, una captura de pantalla, un diseño o una idea inicial para una aplicación.
Best for
- Crear una vista previa web funcional a partir de una captura de pantalla, un mapa, un documento con los requisitos de diseño o una idea inicial para una aplicación
- Desplegar una rama o una aplicación local sin tener que configurar manualmente los comandos de Vercel
- Compartir la URL de la vista previa después de que Codex compile el proyecto y verifique el despliegue
Skills & Plugins
- Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegues, pagos y bases de datos.
- Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de tus proyectos en Vercel.
| Skill | Why use it |
|---|---|
| Build Web Apps | Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegues, pagos y bases de datos. |
| Vercel | Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de tus proyectos en Vercel. |
Starter prompt
Empieza por el sitio y el entorno donde vas a desplegarlo
Codex puede crear o actualizar un sitio web o una aplicación, ejecutar las comprobaciones del proyecto, desplegar el proyecto en Vercel y darte la URL.
Dale a Codex un punto de partida concreto, como un repositorio, una captura de pantalla, un mapa, un resumen de diseño, una nota sobre el producto, la documentación de una API o una fuente de datos. Codex debe revisar el proyecto antes de modificarlo y luego usar el complemento de Vercel para desplegar una vista previa de forma predeterminada.
Usa @build-web-apps cuando Codex necesite crear o pulir la aplicación. Usa @vercel cuando quieras que la despliegue, revise el despliegue o consulte los registros de compilación de Vercel.
Revisa el resultado antes de compartirlo
Codex debe decirte qué cambió, qué comando usó para compilar el proyecto y si el despliegue en Vercel está listo. Si para completar el despliegue hace falta configurar una variable de entorno, elegir un equipo, ajustar la configuración del dominio o iniciar sesión, Codex debe indicártelo en vez de dar el sitio por terminado.
Pide de forma explícita cualquier cambio en producción. De forma predeterminada, Codex despliega una vista previa. Solicita un despliegue en producción solo cuando quieras publicar esa versión.
Sigue trabajando a partir de la URL de la vista previa
Una vez que tengas la vista previa, mantén abierto el mismo chat. Pídele a Codex que abra la URL, corrija problemas de diseño, actualice los textos, conecte los datos que faltan o consulte los registros de Vercel si falla el despliegue. El chat ya tiene el contexto del repositorio, del despliegue y de la compilación.
Haz solicitudes concretas para continuar:
- “Los elementos están demasiado juntos en la versión móvil. Ajusta el espaciado y vuelve a desplegar la vista previa”.
- “Usa el mismo proyecto y agrega los datos más recientes de [source]”.
- “Revisa los registros de la compilación que falló y corrige el problema con el despliegue”.
Related use cases
Crear y desplegar aplicaciones internas
Usa Sites en ChatGPT Work para crear y probar una aplicación interna para una tarea...
Crear un recorrido guiado con IA
Usa Codex para agregar un recorrido guiado con WebMCP a tu app web
Pasa de una idea a una prueba de concepto
Usa Codex con ImageGen para darle forma visual a una idea inicial, crear el prototipo más...