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

Lleva tu app a ChatGPT

Convierte cada caso de uso en una app para ChatGPT con un objetivo concreto.

Difficulty Advanced
Time horizon 1h

Desarrolla de principio a fin una app de ChatGPT que resuelva una tarea concreta. Define las herramientas, crea la estructura inicial del servidor MCP y del widget opcional, conecta la app a ChatGPT y ajústala hasta que funcione el flujo principal.

Best for

  • Planificar tu primera app de ChatGPT a partir de lo que el usuario quiere lograr
  • Crear la estructura inicial de un servidor MCP, los metadatos de las herramientas y un widget opcional sin agregar complejidad innecesaria
  • Trabajar en ciclos cortos, desde las pruebas locales con HTTPS hasta la verificación del servidor MCP personalizado en ChatGPT

Contents

    ← All use cases

    Lleva tu app a ChatGPT

    Convierte cada caso de uso en una app para ChatGPT con un objetivo concreto.

    Desarrolla de principio a fin una app de ChatGPT que resuelva una tarea concreta. Define las herramientas, crea la estructura inicial del servidor MCP y del widget opcional, conecta la app a ChatGPT y ajústala hasta que funcione el flujo principal.

    Advanced
    1h

    Desarrolla de principio a fin una app de ChatGPT que resuelva una tarea concreta. Define las herramientas, crea la estructura inicial del servidor MCP y del widget opcional, conecta la app a ChatGPT y ajústala hasta que funcione el flujo principal.

    Advanced
    1h

    Best for

    • Planificar tu primera app de ChatGPT a partir de lo que el usuario quiere lograr
    • Crear la estructura inicial de un servidor MCP, los metadatos de las herramientas y un widget opcional sin agregar complejidad innecesaria
    • Trabajar en ciclos cortos, desde las pruebas locales con HTTPS hasta la verificación del servidor MCP personalizado en ChatGPT

    Skills & Plugins

    • Planifica las herramientas, conecta los recursos MCP y sigue los pasos actuales para crear apps de ChatGPT.
    • Consulta la documentación oficial vigente del Apps SDK antes de que Codex escriba código o proponga una arquitectura.
    • Incorpora a Codex las recomendaciones del ecosistema de Vercel con una selección de habilidades y el servidor MCP oficial de Vercel.
    Skill Why use it
    ChatGPT Apps Planifica las herramientas, conecta los recursos MCP y sigue los pasos actuales para crear apps de ChatGPT.
    OpenAI Docs Consulta la documentación oficial vigente del Apps SDK antes de que Codex escriba código o proponga una arquitectura.
    Vercel Incorpora a Codex las recomendaciones del ecosistema de Vercel con una selección de habilidades y el servidor MCP oficial de Vercel.

    Starter prompt

    Usa $chatgpt-apps junto con $openai-docs para planificar en este repositorio una app de ChatGPT para [use case]. Requisitos: - Empieza por definir un solo objetivo principal para el usuario. - Propón entre 3 y 5 herramientas. Dale a cada una un nombre claro y describe su función, sus entradas y sus salidas. - Recomienda si la primera versión necesita un widget o si basta con que devuelva datos. - Da preferencia a TypeScript para el servidor MCP y a React para el widget. - Indica los requisitos de autenticación, despliegue y pruebas. Entregables: - Plan de herramientas - Árbol de archivos propuesto - Conjunto de prompts de referencia - Riesgos y preguntas pendientes
    Usa $chatgpt-apps junto con $openai-docs para planificar en este repositorio una app de ChatGPT para [use case]. Requisitos: - Empieza por definir un solo objetivo principal para el usuario. - Propón entre 3 y 5 herramientas. Dale a cada una un nombre claro y describe su función, sus entradas y sus salidas. - Recomienda si la primera versión necesita un widget o si basta con que devuelva datos. - Da preferencia a TypeScript para el servidor MCP y a React para el widget. - Indica los requisitos de autenticación, despliegue y pruebas. Entregables: - Plan de herramientas - Árbol de archivos propuesto - Conjunto de prompts de referencia - Riesgos y preguntas pendientes

    Qué vas a crear

    Cada complemento basado en MCP tiene tres partes:

    • Un servidor MCP que define las herramientas, devuelve datos, aplica los controles de acceso e indica a ChatGPT dónde encontrar los recursos de la interfaz.
    • Un componente web opcional que se muestra dentro de un iframe de ChatGPT. Puedes crearlo con React o directamente con HTML, CSS y JavaScript.
    • Un modelo que decide cuándo llamar a las herramientas del complemento según los metadatos que le proporciones.

    Codex resulta más útil cuando se encarga de las tareas de ingeniería repetitivas que requieren esas partes:

    • Planificar qué herramientas ofrecer y qué metadatos incluir.
    • Crear la estructura inicial del servidor y del widget.
    • Configurar los scripts de ejecución local.
    • Incorporar los cambios de autenticación y despliegue en etapas separadas.
    • Escribir una rutina de verificación que permita comprobar que el complemento funciona en ChatGPT.

    Por qué conviene usar Codex

    • Los complementos basados en MCP se dividen en tres partes bien definidas: un servidor, una interfaz opcional y las llamadas a herramientas que decide hacer el modelo.
    • Los prompts para Codex funcionan mejor cuando la tarea es explícita, tiene un alcance definido y es fácil de verificar. El desarrollo de complementos se presta a este tipo de tareas.
    • Las habilidades y AGENTS.md le dan a Codex instrucciones reutilizables y reglas del proyecto que le sirven de referencia.

    Para saber más sobre cómo instalar y usar habilidades, consulta nuestra documentación sobre habilidades.

    Cómo usar Codex

    Requisitos previos

    • Empieza por definir qué tarea principal podrá realizar el usuario, en vez de intentar trasladar todo un producto al chat.
    • Elige desde el principio las tecnologías que vas a usar: TypeScript o Python para el servidor y React o directamente HTML, CSS y JavaScript para el widget.
    • Decide cómo accederás al servidor por HTTPS durante el desarrollo, por ejemplo, con ngrok o Cloudflare Tunnel.
    • Algunas opciones de configuración todavía usan términos anteriores para la conexión a un servidor MCP. Durante las pruebas locales, ten en cuenta que esas etiquetas se refieren al servidor registrado.
    1. Define una tarea concreta que el usuario podrá realizar con el complemento y pídele a Codex que proponga de tres a cinco herramientas con nombres, descripciones, entradas y salidas claros.
    2. Decide si la primera versión puede limitarse a devolver datos o si necesita un widget. Luego crea la estructura inicial del servidor MCP y del widget opcional siguiendo los patrones del repositorio antes de agregar dependencias.
    3. Ejecuta el servidor MCP de forma local y habilita el acceso por HTTPS. Conéctalo en ChatGPT con Agregar servidor MCP personalizado y pruébalo con un conjunto pequeño de prompts directos, indirectos y negativos.
    4. Ajusta los metadatos, el manejo del estado y el contenido de structuredContent y _meta hasta que el flujo principal de lectura funcione de manera confiable en ChatGPT.
    5. Agrega OAuth 2.1 solo cuando lo requieran los datos específicos de cada usuario o las operaciones de escritura, sin complicar los flujos anónimos o de solo lectura.
    6. Prepara una versión de prueba alojada con un punto de acceso /mcp estable. Verifica la transmisión de respuestas y el alojamiento de los recursos de la interfaz, y repasa la lista de verificación para el lanzamiento antes de compartir el complemento o enviarlo a revisión.

    Prompts sugeridos

    Los prompts eficaces para este flujo de trabajo tienen varios elementos en común:

    • Un objetivo claro: indica qué tarea podrá realizar el usuario con el complemento en ChatGPT.
    • Tecnologías concretas: indica si quieres usar TypeScript o Python en el servidor y si el widget debe usar React o ser ligero.
    • Un alcance explícito para cada herramienta: pídele a Codex que proponga o cree un conjunto pequeño de herramientas, cada una con una sola función.
    • Requisitos de autenticación: indica si la primera versión puede permitir el acceso anónimo o si necesita cuentas vinculadas y operaciones de escritura.
    • Una vía de acceso para el desarrollo local: especifica qué túnel o servicio de alojamiento piensas usar para las pruebas por HTTPS en ChatGPT.
    • Pasos de verificación: dile a Codex qué comandos ejecutar, qué prompts probar y qué evidencias presentar.

    Evita pedir en un solo prompt extenso que Codex se encargue de la planificación, la implementación, la autenticación, el despliegue, el envío a revisión y los ajustes finales. Divide el trabajo en etapas más pequeñas.

    Planifica el complemento antes de crear su estructura inicial

    Usa $chatgpt-apps con $openai-docs para planificar en este repositorio un complemento basado en MCP para [use case]. Requisitos: - Empieza por definir una tarea principal que el usuario podrá realizar. - Propón de 3 a 5 herramientas con nombres, descripciones, entradas y salidas claros. - Recomienda si la primera versión necesita un widget o si puede empezar devolviendo solo datos. - Da preferencia a TypeScript para el servidor MCP y a React para el widget. - Especifica los requisitos de autenticación, despliegue y pruebas. Entregables: - Plan de herramientas - Estructura de archivos propuesta - Conjunto de prompts de referencia - Riesgos y preguntas pendientes

    Crea la estructura inicial de la primera versión funcional

    Usa $chatgpt-apps con $openai-docs para crear la estructura inicial de la primera versión de este complemento basado en MCP. Tecnologías: - Servidor MCP en TypeScript - Widget en React - Compilación con Vite - Acceso local por HTTPS con ngrok Restricciones: - Limita el alcance del complemento a un flujo de lectura y, como máximo, uno de escritura. - Devuelve un structuredContent conciso para el modelo y reserva _meta para los datos que solo usa el widget. - Haz que los controladores de las herramientas sean idempotentes. - Reutiliza los patrones del repositorio antes de agregar dependencias. Verificación: - Inicia el servidor local - Explica cómo conectar el servidor MCP en ChatGPT con la opción Agregar servidor MCP personalizado - Enumera los prompts exactos que se deben probar

    Agrega la autenticación solo cuando funcione el flujo principal

    Usa $chatgpt-apps con $openai-docs para agregar autenticación al servidor MCP de este complemento. Requisitos: - Mantén el acceso anónimo a las herramientas de solo lectura si es posible. - Agrega OAuth 2.1 solo para los datos específicos de cada usuario o las operaciones de escritura. - Usa un proveedor de identidad existente, como Auth0 o Stytch. - Documenta los alcances de autorización, las comprobaciones de tokens y el flujo de prueba del servidor MCP personalizado en ChatGPT. Entregables: - Resumen del flujo de autenticación - Cambios en el servidor - Variables de entorno necesarias - Plan de pruebas de extremo a extremo

    Prepara el complemento para el despliegue y la revisión

    Usa $chatgpt-apps con $openai-docs y @vercel para preparar una versión de prueba alojada de este complemento. Requisitos: - Habilita un punto de acceso HTTPS estable en /mcp. - Mantén en funcionamiento la transmisión de respuestas en /mcp. - Aloja correctamente los recursos del widget. - Agrega una lista de verificación para el lanzamiento que incluya los metadatos, las indicaciones de uso de las herramientas, la privacidad y los prompts de prueba. Entregables: - Plan de despliegue - URL de la versión de prueba o pasos para alojarla - Lista de verificación para la revisión - Riesgos pendientes

    Preparación para el lanzamiento

    • El complemento permite realizar una tarea concreta que los usuarios pueden entender.
    • El conjunto de herramientas es pequeño y cada herramienta tiene metadatos, entradas y salidas explícitos.
    • El servidor MCP funciona de extremo a extremo, devuelve un structuredContent conciso y reserva _meta para los datos que solo usa el widget.
    • El widget, si se necesita, se muestra correctamente en ChatGPT.
    • Puedes repetir las pruebas locales por HTTPS con el servidor MCP personalizado conectado en ChatGPT.
    • Un conjunto pequeño de prompts directos, indirectos y negativos pasa las pruebas: tanto el flujo de la conversación como los datos de las llamadas a herramientas coinciden con lo esperado.
    • La autenticación se usa solo cuando la requieren los datos específicos de cada usuario o las operaciones de escritura.
    • El plan de despliegue y la revisión previa al lanzamiento cubren los metadatos, las indicaciones de uso de las herramientas, la privacidad y los prompts de prueba antes de compartir el complemento o enviarlo a revisión.

    Errores frecuentes

    • Pedirle a Codex que traslade todo el producto a ChatGPT. Define una tarea principal para el usuario y pide de tres a cinco herramientas y un widget de alcance limitado.
    • Empezar con un prompt de implementación demasiado extenso. Divide el trabajo en etapas de planificación, creación de la estructura inicial, autenticación, despliegue y revisión.
    • Crear la interfaz antes de definir el contrato de las herramientas. Primero define qué herramientas ofrecerás y qué esquema tendrán sus respuestas. Luego crea el widget.
    • Omitir el anclaje en la documentación oficial. Usa $chatgpt-apps junto con $openai-docs para que la estructura inicial siga las pautas vigentes para complementos.
    • Dejar los metadatos para el final. Escribe desde el principio las descripciones de las herramientas y la documentación de sus parámetros. Luego vuelve a ejecutar un conjunto de prompts para probarlos.
    • Agregar autenticación antes de verificar el flujo anónimo o de solo lectura. Primero comprueba que funcione el flujo principal de las herramientas y luego agrega OAuth a las que lo necesiten.
    • Dar por terminado el complemento antes de probarlo en ChatGPT. Conecta el servidor MCP personalizado en ChatGPT, inspecciona los datos de las llamadas a herramientas y verifica el flujo real de la conversación.

    Tech stack

    Need

    Framework para widgets

    Default options

    React

    Why it's needed

    Una buena opción para widgets que mantienen su estado, especialmente si la interfaz necesita filtros, tablas o interacciones de varios pasos.

    Need

    Alojamiento

    Default options

    Vercel

    Why it's needed

    Ofrece despliegues rápidos, entornos de vista previa, HTTPS automático y una forma sencilla de alojar puntos de acceso MCP.

    Need Default options Why it's needed
    Framework para widgets React Una buena opción para widgets que mantienen su estado, especialmente si la interfaz necesita filtros, tablas o interacciones de varios pasos.
    Alojamiento Vercel Ofrece despliegues rápidos, entornos de vista previa, HTTPS automático y una forma sencilla de alojar puntos de acceso MCP.

    Related use cases