Examples

Apps SDK Examples (GitHub)

Gallery of example UI widgets and MCP servers showcasing Apps SDK.

Overview

This repository showcases example UI components and MCP servers for the Apps SDK, serving as a starting point and source of inspiration for building ChatGPT apps. The examples demonstrate how MCP servers expose tools that models can call, returning structured content with embedded HTML resources that the Apps SDK renders as rich UI components.

Key Points

Collection of example UI widgets and MCP server implementations

Demonstrates MCP + Apps SDK integration patterns

Shows how to combine structured data with UI components

Examples of tool contracts and JSON Schema definitions

Illustrates authentication and metadata handling

Source code for learning and customization

Prerequisites

Git installed for cloning the repository

Node.js and package manager (npm/pnpm/yarn)

Understanding of MCP and Apps SDK concepts

Basic knowledge of web development

Step-by-Step Guide

1Clone the openai-apps-sdk-examples repository

2Install dependencies using your preferred package manager

3Explore the src/ directory for widget examples

4Study the MCP server implementations

5Run the examples locally for testing

6Customize examples for your specific use case