Apps SDK Examples Gallery
Provides a collection of example UI components and Model Context Protocol (MCP) servers to demonstrate building rich applications for ChatGPT.
About
This repository serves as a comprehensive gallery showcasing how to build interactive and rich applications for ChatGPT using the OpenAI Apps SDK and the Model Context Protocol (MCP). It provides foundational examples of UI components (widgets) and corresponding MCP servers written in Node.js and Python. Developers can use these examples as a starting point to understand how to connect large language model clients to external tools, data, and user interfaces, leveraging MCP to keep the server, model, and UI in sync through standardized wire formats, authentication, and metadata. It highlights how tools can illuminate widgets by combining structured payloads with `_meta.openai/outputTemplate` metadata.
Key Features
- 1,588 GitHub stars
- Supports MCP servers over Server-Sent Events or streaming HTTP
- Provides examples for listing, calling, and returning widgets within the Apps SDK client
- Showcases example UI components (widgets) for ChatGPT integration
- Demonstrates Model Context Protocol (MCP) server implementations in Node.js and Python
- Illustrates returning rich UI components using `_meta.openai/outputTemplate` metadata
Use Cases
- Learning and understanding the OpenAI Apps SDK and Model Context Protocol
- Developing custom UI components and tools for ChatGPT applications
- Setting up local MCP servers for testing and development of ChatGPT integrations
