react-native-toolkit
Generates configuration files for Amp CLI.
Provides version-aware documentation for Expo, including tools to search, retrieve, and validate APIs for specific Expo SDK versions.
Generates configuration files for GitHub Copilot (VS Code and CLI).
Generates configuration files for JetBrains AI assistant.
Generates configuration files for Warp AI.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@react-native-toolkitHow to use Camera with Expo 52?"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
MCP React Native Toolkit
A Model Context Protocol (MCP) server that provides AI agents with accurate, version-aware documentation for React Native, Expo, React Navigation, and Ignite.
Quick Start
git clone https://github.com/ItamiForge/mcp-react-native-toolkit.git
cd mcp-react-native-toolkit
npm install && npm run buildvscode
Add the MCP server to your editor's configuration:
Edit ~/.vscode/mcp.json (global) or .vscode/mcp.json (per-project):
{
"servers": {
"react-native-toolkit": {
"type": "stdio",
"command": "node",
"args": ["/absolute/path/to/mcp-react-native-toolkit/dist/index.js"]
}
}
}cursor
Edit ~/.cursor/mcp.json:
{
"mcpServers": {
"react-native-toolkit": {
"command": "node",
"args": ["/absolute/path/to/mcp-react-native-toolkit/dist/index.js"]
}
}
}claude
Edit ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"react-native-toolkit": {
"command": "node",
"args": ["/absolute/path/to/mcp-react-native-toolkit/dist/index.js"]
}
}
}3. Use It (Zero Config Per-Project)
Just start asking your AI about React Native! The toolkit:
Reads your project's
package.jsonto detect versionsFetches matching docs on first request (cached for future use)
Serves version-accurate documentation automatically
Multi-Project Workflow
The toolkit handles multiple projects with different versions seamlessly:
~/projects/
├── legacy-app/ # expo@50.0.0
│ └── package.json
└── new-app/ # expo@52.0.0
└── package.jsonWhat Happens
┌─────────────────────────────────────────────────────────────────┐
│ You open legacy-app/ and ask: "How do I use Camera?" │
├─────────────────────────────────────────────────────────────────┤
│ 1. Toolkit reads package.json → detects expo@50.0.0 │
│ 2. Checks docs/expo/50/ → NOT FOUND │
│ 3. Fetches from git branch `sdk-50` → 745 files in ~3s │
│ 4. Caches at docs/expo/50/ │
│ 5. Returns Expo 50 documentation │
└─────────────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────────────┐
│ You switch to new-app/ and ask: "How do I use Camera?" │
├─────────────────────────────────────────────────────────────────┤
│ 1. Toolkit reads package.json → detects expo@52.0.0 │
│ 2. Checks docs/expo/52/ → NOT FOUND │
│ 3. Fetches from git branch `sdk-52` → 745 files in ~3s │
│ 4. Caches at docs/expo/52/ │
│ 5. Returns Expo 52 documentation │
└─────────────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────────────┐
│ You go back to legacy-app/ and ask another question │
├─────────────────────────────────────────────────────────────────┤
│ 1. Toolkit reads package.json → detects expo@50.0.0 │
│ 2. Checks docs/expo/50/ → FOUND ✓ │
│ 3. Returns cached Expo 50 documentation instantly │
└─────────────────────────────────────────────────────────────────┘Resulting Cache Structure
mcp-react-native-toolkit/
└── docs/
├── expo/
│ ├── 50/ # Cached for legacy-app
│ └── 52/ # Cached for new-app
├── react-native/
│ └── latest/ # Shared (no versioned docs available)
└── react-navigation/
├── 6/ # If you have a v6 project
└── 7/ # If you have a v7 projectCommands Reference
Command | Purpose |
| Initial setup (one time) |
| Rebuild after pulling updates |
| Pre-fetch latest docs for offline use |
| Fetch docs only (no optimization) |
| Optimize existing cached docs |
| Generate AI framework configuration files |
| Run test suite |
Available Tools
Tool | Description |
| Detects React Native, Expo, and library versions from |
| Lists available documentation topics for a library |
| Retrieves specific documentation with pagination |
| AI-powered semantic search using embeddings to find relevant documentation |
| Validates if an API symbol exists (checks |
| Finds code examples for a topic |
| Returns performance and architecture best practices |
| Resolves fuzzy library names to exact IDs |
| Generates boilerplate code for common React Native patterns |
| Compares API differences between library versions |
| Provides step-by-step migration guidance between versions |
| Generates configuration files for AI coding assistants |
generate-component-scaffold
Generates boilerplate code for common React Native patterns like optimized FlatLists, navigation screens, forms, and more.
Parameters:
scaffoldId(optional): ID of the scaffold template (e.g., 'flatlist-basic', 'stack-navigator')language(optional): 'typescript' or 'javascript' (default: 'typescript')listScaffolds(optional): Set to true to see all available scaffoldscategory(optional): Filter by category ('list', 'navigation', 'form', 'api', 'storage', 'animation')
Available Scaffolds:
flatlist-basic- Basic FlatList with proper typingflatlist-optimized- Performance-optimized FlatList with memoizationflatlist-infinite-scroll- FlatList with pagination and infinite scrollstack-navigator- React Navigation stack navigator setuptab-navigator- React Navigation tab navigator setupform-basic- Form with controlled inputs and validationapi-fetch- API data fetching with loading/error statesmmkv-storage- MMKV persistent storage hooksreanimated-gesture- Reanimated + Gesture Handler animation
compare-api-versions
Compares API differences between two versions of a library, showing added, removed, and modified APIs.
Parameters:
library(required): Library to comparefromVersion(required): Starting versiontoVersion(required): Target versiondetailLevel(optional): 'summary' or 'detailed'
suggest-migration-path
Provides step-by-step migration guidance for upgrading between library versions.
Parameters:
library(required): Library to migratefromVersion(optional): Starting version (or 'auto' to detect)toVersion(required): Target versionformat(optional): 'detailed', 'checklist', or 'summary'includeCodeExamples(optional): Include before/after code examples
generate-ai-template
Generates configuration files for 50+ AI coding assistants and agentic frameworks.
Parameters:
framework(optional): Target framework IDlistFrameworks(optional): Set to true to see all supported frameworksgenerateAll(optional): Generate templates for all frameworksincludeExamples(optional): Include code examples in templates
Supported Frameworks (53 total):
ID | Name | Output File |
| Cursor |
|
| GitHub Copilot (VS Code) |
|
| Windsurf |
|
| Kiro |
|
| Zed |
|
| JetBrains AI |
|
| Trae |
|
| Visual Studio 2022 Copilot |
|
| LM Studio |
|
ID | Name | Output File |
| Cline |
|
| Roo Code |
|
| Augment |
|
| Continue |
|
| Sourcegraph Cody |
|
| Supermaven |
|
| Tabnine |
|
| Amazon Q |
|
| Qodo Gen |
|
| ZenCoder |
|
ID | Name | Output File |
| Claude Code |
|
| Aider |
|
| Codex CLI |
|
| Gemini CLI |
|
| GitHub Copilot CLI |
|
| Amp |
|
| Warp AI |
|
| Goose |
|
| Mentat |
|
| Plandex |
|
| OpenCode |
|
| Rovo Dev |
|
| Factory |
|
| Qwen Coder |
|
ID | Name | Output File |
| Devin |
|
| OpenHands |
|
| SWE-Agent |
|
| Sweep |
|
| GPT Engineer |
|
ID | Name | Output File |
| Claude Projects |
|
| Claude Desktop |
|
| ChatGPT Projects |
|
| Gemini |
|
| Perplexity |
|
| Replit AI |
|
| Vercel v0 |
|
| Bolt.new |
|
| Lovable |
|
| Pythagora |
|
| BoltAI |
|
| Crush |
|
| Emdash |
|
ID | Name | Output File |
| GitHub Copilot Agent |
|
| Generic |
|
CLI Usage:
# List all supported frameworks
npm run generate-templates -- --list
# Generate Cursor rules
npm run generate-templates -- cursor
# Generate to a specific directory
npm run generate-templates -- vscode-copilot --output-dir ./my-project
# Generate all templates
npm run generate-templates -- --all --output-dir ./ai-configsSee examples/custom-source.md to add your own documentation sources.
Examples
See the examples/ directory for integration guides:
LangChain Integration - Build a React Native coding agent
LlamaIndex Integration - RAG with local documentation
Adding Custom Sources - Add Supabase, Reanimated, etc.
Contributing
See CONTRIBUTING.md for guidelines.
License
MIT - see LICENSE
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ItamiForge/mcp-react-native-toolkit'
If you have feedback or need assistance with the MCP directory API, please join our Discord server