For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegación principal
Theme
Codex

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.

Difficulty Intermediate
Time horizon 30m

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

    ← All use cases

    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.

    Intermediate
    30m

    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.

    Intermediate
    30m

    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

    Usa @build-web-apps para crear un sitio web funcional a partir de [repo, screenshot, design, or rough app idea]. Luego usa @vercel para desplegar una vista previa y pásame la URL para acceder a ella. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de pasarme la URL, compila el proyecto localmente y verifica que el despliegue esté listo.
    Usa @build-web-apps para crear un sitio web funcional a partir de [repo, screenshot, design, or rough app idea]. Luego usa @vercel para desplegar una vista previa y pásame la URL para acceder a ella. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de pasarme la URL, compila el proyecto localmente y verifica que el despliegue esté listo.

    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.

    Usa @build-web-apps para convertir [repo, screenshot, design, or rough app idea] en un sitio web funcional. Luego usa @vercel para desplegar una vista previa y darme la URL donde puedo verla. Contexto: - [what the site should do] - [source data, API, docs, or assets to use] - [style or product constraints] - [anything not to change] Antes de entregarme el sitio, compila el proyecto localmente y verifica que el despliegue esté listo.

    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