# MCP App Basics (Apps SDK example) (ChatGPT App)

> Eleven interactive widgets that each teach one MCP Apps API

- Type: app
- Publisher: OpenAI (official)
- Categories: Development
- Website: https://github.com/openai/openai-apps-sdk-examples/tree/main/mcp_app_basics_node
- Docs: https://developers.openai.com/apps-sdk
- Source: https://github.com/openai/openai-apps-sdk-examples
- GitHub stars: 2350
- Listed: 2026-02-18

## About

An educational Node MCP server with eleven interactive examples covering core MCP Apps APIs such as sendMessage, updateModelContext, callServerTool, openLink, requestDisplayMode, host theming and streaming tool input. Each widget includes an expandable code walkthrough.

## How to use

1. **Add it in ChatGPT** Open MCP App Basics (Apps SDK example) in ChatGPT's Plugin directory (sidebar → Plugins, then search), select + to add it and sign in if asked.

2. **Use it in a chat** Type @ in the composer and pick MCP App Basics (Apps SDK example), or start your message with its name. ChatGPT may also suggest it when it fits what you ask.

## Example prompts

- "Show me how a tool result gets displayed in a widget"
- "How do I make a widget go fullscreen?"
- "How can a widget silently give context to the model?"
- "Show me how streaming tool input works"

## Also available as

- plugin: [Codex Security](https://chatgptplugins.directory/plugins/codex-security.md)
- MCP server: [OpenAI Docs MCP](https://chatgptplugins.directory/mcp/openai-docs.md)

## Related

- [GitHub](https://chatgptplugins.directory/apps/github.md): Triage PRs, issues and CI across your repositories
- [Figma](https://chatgptplugins.directory/apps/figma.md): Create designs, diagrams and FigJam boards and ship them to code
- [Cards Against AI (Apps SDK example)](https://chatgptplugins.directory/apps/apps-sdk-cards-against-ai.md): Card game driven by ChatGPT with a real-time synced widget
- [Authenticated Server (Apps SDK example)](https://chatgptplugins.directory/apps/apps-sdk-authenticated.md): Demonstrates tools that require different levels of OAuth
- [Shopping Cart (Apps SDK example)](https://chatgptplugins.directory/apps/apps-sdk-shopping-cart.md): Keeps cart state in sync across tool calls with widgetSessionId
- [Kitchen Sink Lite (Apps SDK example)](https://chatgptplugins.directory/apps/apps-sdk-kitchen-sink-lite.md): Minimal widget + server showing the full window.openai surface

---
Source: https://chatgptplugins.directory/apps/apps-sdk-mcp-app-basics · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.