Codex use case
Desplegar una aplicación o un sitio web
Crea o actualiza una aplicación web, despliega una vista previa y obtén una URL activa.
Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.
Ideal para
- Convertir una captura de pantalla, un mapa, un brief de diseño o una idea preliminar de una aplicación en una vista previa web funcional
- Desplegar una rama o una aplicación local sin configurar manualmente los comandos de Vercel
- Compartir una URL activa después de que Codex ejecute la compilación y verifique el despliegue
Contents
Desplegar una aplicación o un sitio web
Crea o actualiza una aplicación web, despliega una vista previa y obtén una URL activa.
Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.
Usa Codex con Build Web Apps y Vercel para convertir un repositorio, una captura de pantalla, un diseño o una idea preliminar de una aplicación en un despliegue de vista previa funcional que puedas compartir.
Enlaces relacionados
Ideal para
- Convertir una captura de pantalla, un mapa, un brief de diseño o una idea preliminar de una aplicación en una vista previa web funcional
- Desplegar una rama o una aplicación local sin configurar manualmente los comandos de Vercel
- Compartir una URL activa después de que Codex ejecute la compilación y verifique el despliegue
Habilidades y complementos
- Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegue, pagos y bases de datos.
- Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de los proyectos de Vercel.
| Skill | Why use it |
|---|---|
| Build Web Apps | Crea, revisa y prepara aplicaciones web con orientación sobre React, interfaces de usuario, despliegue, pagos y bases de datos. |
| Vercel | Despliega vistas previas, inspecciona despliegues, consulta los registros de compilación y administra la configuración de los proyectos de Vercel. |
Prompt inicial
Comienza con el sitio y el destino del despliegue
Codex puede crear o actualizar un sitio web o una aplicación, ejecutar las verificaciones del proyecto, realizar el despliegue en Vercel y devolver la URL.
Una entrega útil incluye material concreto: un repositorio, una captura de pantalla, un mapa, un brief de diseño, una nota de producto, documentación de una API o una fuente de datos. Codex debe inspeccionar 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 perfeccionar la aplicación. Usa @vercel cuando deba desplegarla, inspeccionar el despliegue o consultar los registros de compilación de Vercel.
Verifica el resultado antes de compartirlo
Codex debe indicarte qué cambios hizo, qué comando usó para compilar el proyecto y si el despliegue en Vercel está listo. Si el despliegue requiere configurar una variable de entorno, elegir un equipo, configurar un dominio o iniciar sesión, Codex debe señalarlo en lugar de fingir que el sitio está terminado.
Haz explícitos los cambios en producción. Un despliegue de vista previa es la opción predeterminada; solicita un despliegue en producción solo cuando esa sea realmente tu intención.
Itera a partir de la URL activa
Cuando 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, integre los datos que faltan o consulte los registros de Vercel si falla el despliegue. El chat ya tiene el contexto del repositorio, el despliegue y la compilación.
Conviene que las solicitudes de seguimiento sean específicas:
- “Hay muy poco espacio en el diseño para dispositivos móviles. Corrígelo y vuelve a desplegar la vista previa.”
- “Usa el mismo proyecto y agrega los datos más recientes de [source].”
- “Lee los registros de la compilación fallida y corrige el despliegue.”
Casos de uso relacionados
Crea e implementa aplicaciones internas
Usa Sites en ChatGPT Work para crear y probar una aplicación interna específica, agregar...
Crea un recorrido guiado con IA
Usa Codex para agregar un recorrido basado en WebMCP a tu aplicación web
Pasa de una idea a una prueba de concepto
Usa Codex junto con ImageGen para convertir una idea preliminar en una dirección visual...