<header>
  <div align="center">
    <a href="https://www.apollographql.com?utm_medium=github&utm_source=apollographql_apollo-client-ai-apps&utm_campaign=readme"><img src="https://raw.githubusercontent.com/apollographql/apollo-client-devtools/main/assets/apollo-wordmark.svg" height="100" alt="Apollo Logo"></a>
  </div>
  <h1 align="center">Apollo Client - MCP Apps Integration</h1>

**The industry-leading GraphQL client for TypeScript, JavaScript, React, Vue, Angular, and more.** Apollo Client delivers powerful caching, intuitive APIs, and comprehensive developer tools to accelerate your app development.

➡️ [**Get Started with Apollo Client's MCP Apps Integration→**](https://www.apollographql.com/docs/apollo-mcp-server/mcp-apps?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme)

  <div align="center">

[![npm version](https://img.shields.io/npm/v/%40apollo%2Fclient-ai-apps)](https://img.shields.io/npm/v/%40apollo%2Fclient-ai-apps) [![Join the community](https://img.shields.io/discourse/status?label=Join%20the%20community&server=https%3A%2F%2Fcommunity.apollographql.com)](https://community.apollographql.com)

  </div>
</header>

## 🚀 Quick Start

Use our [MCP Apps template](https://github.com/apollographql/ai-apps-template) with a working application:

```sh
npx tiged apollographql/ai-apps-template my-awesome-app
```

## Apollo Client Skill

Give your AI agent specialized Apollo Client knowledge and setup guidance:

```sh
npx skills add apollographql/skills --skill apollo-client
```

## 💡 Resources

| Resource                        | Description                                   | Link                                                                                                                                                                                             |
| ------------------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Getting Started Guide**       | MCP Apps quickstart guide                     | [Start Here →](https://www.apollographql.com/docs/apollo-mcp-server/mcp-apps-quickstart?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme)                    |
| **Documentation**               | MCP Apps documentation                        | [Read Docs →](https://www.apollographql.com/docs/apollo-mcp-server/mcp-apps?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme)                                |
| **Apollo Client Documentation** | Comprehensive documentation for Apollo Client | [Apollo Client →](https://www.apollographql.com/docs/react?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme)                                                 |
| **VS Code Extension**           | Enhanced development experience               | [Install Extension →](https://marketplace.visualstudio.com/items?itemName=apollographql.vscode-apollo)                                                                                           |
| **DevTools**                    | Debug your GraphQL apps                       | [Chrome](https://chrome.google.com/webstore/detail/apollo-client-devtools/jdkknkkbebbapilgoeccciglkfbmbnfm) \| [Firefox](https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/) |

## 🧑‍🚀 About Apollo

Deliver tomorrow's roadmap today with our comprehensive suite of API orchestration tools:

- [**Apollo Client MCP Apps Integration**](https://www.apollographql.com/docs/apollo-mcp-server/mcp-apps?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- Apollo Client and Apollo MCP Server powered MCP Apps
- [**Apollo Client**](https://www.apollographql.com/docs/react?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- Type-safe apps with GraphQL-powered on-device caching
- [**Apollo Connectors**](https://www.apollographql.com/graphos/apollo-connectors?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- Compose all your GraphQL and REST APIs into one GraphQL endpoint
- [**Apollo MCP Server**](https://www.apollographql.com/apollo-mcp-server?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- AI needs APIs. The fastest way to ship reliable AI experiences
- [**Apollo Router**](https://www.apollographql.com/docs/router?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- Scale your APIs seamlessly with GraphQL Federation, Security, Auth, and more
- [**GraphOS**](https://www.apollographql.com/graphos?utm_source=github&utm_medium=apollographql_apollo-client-ai-apps&utm_campaign=readme) \- Deploy, manage, govern, and explore your APIs ([start for free, no credit card needed](https://www.apollographql.com/pricing?utm_medium=github&utm_source=apollographql_apollo-client-ai-apps&utm_campaign=readme))

[**Explore the Complete Apollo Platform →**](https://www.apollographql.com/?utm_source=github&utm_medium=apollographql-_apollo-client-ai-apps&utm_campaign=readme)

## 🛠️ Maintained by

| Name            | Username                                             |
| --------------- | ---------------------------------------------------- |
| Jerel Miller    | [@jerelmiller](https://github.com/jerelmiller)       |
| Andrew McGivery | [@andrewmcgivery](https://github.com/andrewmcgivery) |

## 🏆 Contributing

Thank you for your interest in submitting a Pull Request to Apollo Client! Read our [guidelines](https://github.com/apollographql/apollo-client-ai-apps/blob/main/CONTRIBUTING.md) first, and don't hesitate to get in touch.

## 🤝 Code of Conduct

Please read our [Code of Conduct](https://community.apollographql.com/faq). This applies to any space run by Apollo, including our GitHub repositories, the Apollo GraphOS Discord, the Apollo GraphQL Forum. The Code of Conduct reflects our commitment to making the Apollo Community a welcoming and safe space in which individuals can interact.

## 🪪 License

Source code in this repository is available under the terms of the MIT License. Read the full text [here](https://github.com/apollographql/apollo-client-ai-apps/blob/main/LICENSE).
