app
MCP App Basics (Apps SDK example)
Eleven interactive widgets that each teach one MCP Apps API
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.
Also available as
How to use
- 1Add 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.
- 2Use 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.
Things to ask
- “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”