Pattern #36 · Tools and integrations

Apps inside the chat: designing for ChatGPT apps and Claude MCP Apps

Your app is a guest in the host's frame. The conversation keeps the remote.

Track Bmcp-appsapps-sdkchatgptclaudeconversational-ui

Verified as of 2026-10-04

Do

Scope each surface to one decision the model cannot finish alone: a confirmation, a picker, a draft to approve.

Don't

Don't rebuild your product in an iframe. A second navigation stack inside a chat is two apps fighting over one user.

The rule. When your app renders inside a chat, design it as a guest in the host's frame: the conversation keeps the composer, the context, and the next turn.

Why. Both major chat platforms now render app UI inside the conversation: OpenAI's Apps SDK gives apps an inline card in the flow of the conversation, a fullscreen surface, and picture in picture, while Anthropic's MCP Apps puts interactive connectors directly into the Claude chat (OpenAI, n.d.; Anthropic, 2026). Under the hood both build on one open extension, authored by MCP maintainers at OpenAI and Anthropic together with the MCP-UI creators, which adds "the ability for MCP servers to deliver interactive user interfaces to hosts" as sandboxed iframes speaking standard MCP JSON-RPC to the host (Pidkuiko et al., 2025). The host's design rules assume the chat stays in charge: no tabs or deeper navigation inside a card, two actions maximum, and a UX designed "to work with the system composer" rather than against it (OpenAI, n.d.).

Seen in the wild. Claude's launch set already works this way: Slack drafts reviewed in place, Amplitude charts adjusted mid-conversation, Figma and Canva rendered inline (Anthropic, 2026).

Verified as of 2026-10-04 against the current OpenAI Apps SDK documentation, the MCP Apps specification announcement, and Anthropic's launch post.

References

  1. 01

    OpenAI. (n.d.). Design guidelines. OpenAI Apps SDK. Retrieved October 4, 2026, from https://developers.openai.com/apps-sdk/concepts/design-guidelines

    https://developers.openai.com/apps-sdk/concepts/design-guidelines
  2. 02

    Pidkuiko, A., Chafik, O., Salomon, I., Yosef, L., Cooper, N., Strong, S., Swannack, J., Christakis, A., & Ashley, B. (2025, November 21). MCP Apps: Extending servers with interactive user interfaces. Model Context Protocol Blog. https://blog.modelcontextprotocol.io/posts/2025-11-21-mcp-apps/

    https://blog.modelcontextprotocol.io/posts/2025-11-21-mcp-apps/
  3. 03

    Anthropic. (2026, January 26). Interactive tools in Claude. Claude Blog. https://claude.com/blog/interactive-tools-in-claude

    https://claude.com/blog/interactive-tools-in-claude