---
title: "Building MCP Apps: Branded Experiences Inside ChatGPT"
url: https://stacklist.com/card/2fa8616c-dca8-4e2e-a010-40f337249847
source_url: "https://websummercamp.com/2026/session/building-mcp-apps-branded-experiences-inside-chatgpt"
stack: https://stacklist.com/stack/46432398-67c7-4536-9f20-fb45d29f325d
summary: "Building MCP Apps is a workshop that teaches developers how to create branded experiences inside ChatGPT through six modules covering the MCP Apps spec, SDK, JSON-RPC bridge, server setup, and deployment. Attendees will learn UI development, theming, and cross-client compatibility while building a live branded app example."
tags: "mcp-apps, chatgpt, branded-experiences, ui-development, typescript, react, deployment"
key_entities: "MCP Apps (technology), ChatGPT (technology), TypeScript (technology), React (technology), JSON-RPC (technology), Claude Desktop (technology), VS Code (technology), OpenAI (organization), IBM (organization), Tejas Kumar (person), UI kit (concept), theming (concept), graceful-fallbacks (concept)"
classification: "tutorial"
content_hash: "sha256:8ff8e7c79d31df301d0eb8ab4b1e4763ebc95bd1cf25e519c4e001189645d92b"
acp_version: "0.2"
token_counts_approximate: 398
visibility: public
agent_accessible: true
status: "final"
---

# Building MCP Apps: Branded Experiences Inside ChatGPT

Description The content breaks down into six modules. We start with the MCP Apps spec itself — how UI resources are declared on a tool, how the host renders them, and what the security model looks like. From there we move into the Apps SDK and OpenAI's UI kit (buttons, cards, input controls, layout primitives) so attendees can see how to match ChatGPT's container while still expressing a brand. The third module covers the JSON-RPC bridge: how the iframe talks back to the host, tool invocation, and state sync. Then we get into building and wiring up an MCP server that exposes UI resources, before doing a full live build of a branded app inside ChatGPT — covering layout, theming hooks, interaction patterns, and graceful fallbacks across clients (Claude, VS Code, Goose). We close with a deployment and developer-mode deep dive: registering apps, testing in ChatGPT developer mode, and shipping one experience that works across every MCP-compatible client without client-specific code.  Attendees need to be comfortable with TypeScript basics, React fundamentals, and async/await. Everything MCP- and Apps-SDK-specific is covered from the ground up. Prerequisites Have installed on your laptop: Node Claude Desktop IBM Bob: https://bob.ibm.com/ Open AI API keys will be shared by the speaker at the workshop. Speaker Developer Advocate @ IBM Tejas Kumar is an international keynote speaker with over 20 years of engineering experience. Today, he speaks at conferences aiming to equip, empower, and encourage developers about the best ways to build software worldwide.