MCP (Model Context Protocol) is an open protocol that lets tools, data sources, and apps expose capabilities to AI models and clients in a standard way.
OpenAI Apps are model-driven apps that integrate tools via MCP, enabling secure, scoped capabilities and richer interactions in the Chat Completions and Realtime APIs.

Guides:
- Build OpenAI Apps with React and Vite: Learn how to build modern OpenAI Apps using React, Vite, and the Model Context Protocol (MCP). This developer guide explains how to bundle JavaScript and CSS securely, avoid unsafe APIs like readFile, and use React components to create interactive ChatGPT app UIs.
  Snippet: OpenAI’s **Apps SDK** (launched Oct 2025) lets you build interactive “apps” that run inside ChatGPT conversations. These apps can surface rich UIs – e.g. inline carousels, maps, or video players – alongside ChatGPT’s responses. Under the hood, the Apps SDK uses the open **Model Context Protocol (MCP)**: your backend (an MCP server) **lists tools** (with JSON schema) and **serves HTML widgets** as …
- Build a ChatGPT App with MCP in React + Vite: Learn how to build a ChatGPT App with MCP using React and Vite. This step-by-step guide explains how to recreate NextChatSDKBootstrap for Vite, handle CORS, and deploy widgets to ChatGPT using OpenAI’s new app framework.
  Snippet: ## 1. What You’ll Learn This guide walks you through: * Building a **ChatGPT App** using **React + Vite** * Creating an **MCP (Model Context Protocol)** server to power tools and widgets * Implementing a **Vite version of NextChatSDKBootstrap** (by Vercel) for stable embedding * Handling **CORS**, asset prefixing, and hydration quirks inside ChatGPT
- Apps SDK Discovery Playbook: How to Get Your App Surfaced in Relevant Chats: Apps appear inside ChatGPT when the model decides your tool is the best way to fulfil the user’s intent. Discovery happens through natural-language prompts, a directory, and proactive entry points like the launcher; good metadata and past usage guide the model’s choice. Your goal is to be selected at the right time with minimal friction.
  Snippet: 1) Purpose: Why “surfacing in chat” matters - Apps appear inside ChatGPT when the model decides your tool is the best way to fulfil the user’s intent. Discovery happens through natural-language prompts, a directory, and proactive entry points like the launcher; good metadata and past usage guide the model’s choice. Your goal is to be selected at the right time with minimal friction. ([developers.o…
- ChatGPT Apps You Can Try Right Now: Spotify, Zillow, Canva & More: Guide on integrating OpenAI Apps into a Next.js app. We cover how to set up an MCP server, define tools, and bundle React components for use as widgets.
  Snippet: OpenAI’s latest move — adding **apps inside ChatGPT** via a new **Apps SDK** — is already turning heads. Rather than invoking external tools or browser tabs, you can now interact with powerful services *right inside* your ChatGPT conversation.   Let's survey which integrations are already live or officially announced, how they work, and what this means for users, developers, and the AI ecosystem. …
- How to Use a Custom App in the ChatGPT Interface: A step-by-step guide explaining how to find, connect, and use custom apps within the ChatGPT UI, based on OpenAI’s Apps SDK. Includes instructions for enabling Developer Mode, recognizing when an app is active, and interacting with app features like buttons, forms, and file uploads — even though public app creation isn’t yet open.
  Snippet: In ChatGPT, click your profile icon (top-right) and go to **Settings**. Under **Connectors** (sometimes labeled “Connected apps”), you’ll see all available integrations. Your custom app should appear in this list. If you don’t see it, make sure **Developer mode** is enabled (go to Settings → Connectors → Advanced and toggle on *Developer mode*). Once enabled, the **Connectors** page will show your…
- Building OpenAI Apps with MCP: How to Create AI-Powered Experiences: Learn how to build powerful OpenAI apps with the OpenAI Apps SDK and Model Context Protocol (MCP). This step-by-step guide walks developers through creating and deploying the Pizzaz Server Node example from the official OpenAI Apps SDK repo.
  Snippet: The **OpenAI Apps SDK** is a new framework for building AI-powered applications (ChatGPT “connectors”) that expose custom tools to ChatGPT. It works together with the **Model Context Protocol (MCP)** – an open spec that connects LLM clients to external tools and data.  In this tutorial, we’ll walk through building a sample app (“Pizzaz”) using the Apps SDK and MCP. You’ll learn how to set up the d…
- Integrating Next.js with OpenAI Apps: A Comprehensive Guide: Guide on integrating OpenAI Apps into a Next.js app. We cover how to set up an MCP server, define tools, and bundle React components for use as widgets.
  Snippet: **OpenAI Apps** turn ChatGPT into an “app platform” where third-party services can run inside conversations. Built on the open **Model Context Protocol (MCP)**, these apps let you combine chatbot prompts with rich, interactive UIs (widgets) powered by your own code. MCP is *“an open specification for connecting large language model clients to external tools, data, and user interfaces”*. In practic…