Welcome back to the Antigravity: What Others Don’t Tell You series. Today, we’re looking at how to integrate an MCP server into Antigravity and just how useful it can be.
Stop switching back and forth between your editor and your browser. If you are still copying and pasting snippets of documentation to give context to your AI, you are wasting valuable time.
In this article, we’ll explore how to integrate the Model Context Protocol (MCP) into Antigravity to transform your workflow, using the TanStack ecosystem as a prime example.
What is MCP and Why Do You Need It?
The Model Context Protocol (MCP) is an open standard that allows AI applications (like Antigravity or Claude Desktop) to connect directly to external data sources.
You can find more detailed information in my full article here
Instead of hoping the LLM “knows” the latest version of a library, MCP enables the AI to read updated documentation in real-time. This eliminates hallucinations and ensures the code generated follows the most recent API changes.
Manual Configuration: The TanStack Case
TanStack libraries (Query, Router, Table) evolve rapidly. To ensure Antigravity always has the latest context, you can hook the official TanStack MCP server directly into your settings.
1. Locate your Configuration File
Open your Antigravity settings. You can usually find this via the gear icon or by triggering the Manage MCP Servers command. You will need to add the server to your configuration JSON.
2. Add the JSON Snippet
Here is how to configure the TanStack MCP server using npx. Make sure your PATH matches your local environment (especially if you use NVM):
{
"mcpServers": {
"tanstack": {
"command": "/opt/homebrew/bin/npx",
"args": [
"-y",
"@tanstack/cli",
"mcp"
],
"env": {
"PATH": "/opt/homebrew/bin:/usr/local/bin:/usr/bin:/bin:/Users/YOUR_USER/.nvm/versions/node/v20.11.1/bin"
}
}
}
}
This configuration allows Antigravity to invoke the TanStack CLI as an “information oracle.”
The “Low Effort” Method: The Antigravity Store
If you don’t want to deal with JSON files and system paths, Antigravity offers a much more elegant solution: the Built-in Store.
- Open the MCP Panel within Antigravity.
- Browse the Store for available servers.
- Search something.
- Click Install.
Antigravity handles the installation and configuration automatically, making API definitions and code examples immediately available for chat context or autocompletion.
The Result: A Zero-Friction Workflow
Once the server is connected, you no longer need to write long prompts like “Please use the latest version of TanStack Query…”.
You can simply ask:
“Execute an api call with tanstack following current documentation best practices.”
The AI will query the MCP server, read the schemas, and return perfectly functional, up-to-date code.
It can search through MCP server documentation and look for specific versions.
Here the result
Conclusion
Integrating MCP into Antigravity isn’t just adding another plugin; it’s a paradigm shift. Documentation becomes an active part of your development environment rather than a static document hidden in a browser tab.
See you 👋🏻