ChatGPT Apps SDK Starter
Supports UIby defrancis-unix27
A comprehensive starter kit for building custom ChatGPT tools and rich UI components using the OpenAI Apps SDK.
What it does
This MCP app serves as an examples gallery and starter kit for developers building custom interfaces for ChatGPT. It demonstrates how to use the Apps SDK to render rich, interactive UI components (widgets) alongside AI responses.
Key features
- UI Component Gallery: Pre-built examples of 3D viewers, map views, and interactive carousels.
- State Management: Demonstrates how to keep widget state in sync across turns using
widgetSessionId. - Multi-Server Demos: Includes various implementation styles (Node.js and Python) for both local and hosted deployments.
- Host Integration: Provides deep integration with the
window.openaisurface for tool-to-widget communication.
Installation
- Local Dev: Clone the repo and run
pnpm installfollowed bypnpm run build. - Serve Assets: Run
pnpm run serveto expose static assets on port 4444. - ChatGPT Integration: Enable Developer Mode in ChatGPT and add the server URL via Settings > Connectors (typically via ngrok for local testing).
Supported hosts
Specifically designed for ChatGPT via the OpenAI Apps SDK.
Choose your AI client and follow the steps below.
ChatGPT
Add server URL in ChatGPT Settings > ConnectorsRelated Apps
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.