Apollo Client MCP Apps

What it does

Apollo Client MCP Apps is an integration library from Apollo GraphQL that lets developers build rich, interactive MCP Apps backed by GraphQL APIs. Using familiar Apollo Client patterns — queries, mutations, and the normalized cache — you can render fully functional React UIs directly inside MCP-capable AI assistants like Claude. It bridges Apollo's industry-leading GraphQL client with the MCP ui:// resource protocol.

Key features

• Apollo Client inside MCP — Use useQuery, useMutation, and Apollo's normalized cache in MCP App components
• Type-safe GraphQL — Full TypeScript codegen integration for operations and schema types
• React 19 + Vite support — Vite plugin included for fast local development and optimized builds
• Dual export strategy — Separate MCP and OpenAI export conditions keep bundle sizes lean
• Template bootstrapper — npx tiged apollographql/ai-apps-template gets you a working app in seconds
• Apollo MCP Server pairing — Designed to work alongside Apollo MCP Server for end-to-end AI + GraphQL workflows

Installation

Start from the template (recommended):

npx tiged apollographql/ai-apps-template my-awesome-app
cd my-awesome-app && npm install

Or add to an existing project:

npm install @apollo/client-ai-apps @apollo/client @modelcontextprotocol/ext-apps react react-dom

Register your MCP App in your MCP server config so Claude can discover and render the ui:// resource.

Supported hosts

Any MCP client that supports ui:// resources and can render React-based MCP Apps.