MCP Server for AI Integration#

Enable AI coding assistants like Claude, Cursor, and Copilot to access accurate react-native-nitro-device-info documentation through the MCP (Model Context Protocol) server.

What is MCP?#

MCP (Model Context Protocol) is an open protocol by Anthropic that enables AI tools to access external data sources and tools. The MCP server for react-native-nitro-device-info allows AI assistants to:

• Provide accurate API documentation instead of hallucinating
• Generate correct TypeScript code with proper types
• Answer platform-specific questions (iOS vs Android)
• Help troubleshoot common issues

Quick Setup (Recommended)#

Run the init command in your React Native project to automatically configure MCP for Cursor and Claude Code:

cd your-react-native-project
npx @react-native-nitro-device-info/mcp-server init

This creates:

• .cursor/mcp.json - Cursor IDE configuration
• .mcp.json - Claude Code project configuration

Then restart your IDE and start asking questions!

Manual Installation#

Using npx#

No installation required. Configure your AI tool to run:

npx @react-native-nitro-device-info/mcp-server

Global Installation#

npm install -g @react-native-nitro-device-info/mcp-server

Then run:

nitro-device-info-mcp

Manual Configuration#

Claude Desktop#

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "nitro-device-info": {
      "command": "npx",
      "args": ["@react-native-nitro-device-info/mcp-server"]
    }
  }
}

After saving, restart Claude Desktop completely (Cmd+Q, then reopen).

Cursor IDE#

Create .cursor/mcp.json in your project root:

{
  "mcpServers": {
    "nitro-device-info": {
      "command": "npx",
      "args": ["@react-native-nitro-device-info/mcp-server"]
    }
  }
}

Other MCP Clients#

For any MCP-compatible client using stdio transport:

{
  "command": "npx",
  "args": ["@react-native-nitro-device-info/mcp-server"],
  "transport": "stdio"
}

Available Tools#

The MCP server provides three tools:

Usage Examples#

Basic API Questions#

"How do I get the device's battery level?"

The AI will query the MCP server and provide:

import { DeviceInfoModule } from 'react-native-nitro-device-info';

// Get battery level (0.0 to 1.0)
const batteryLevel = DeviceInfoModule.getBatteryLevel();
console.log(`Battery: ${Math.round(batteryLevel * 100)}%`);

API Discovery#

"What APIs are available for network information?"

Platform-Specific Questions#

"Why does getIpAddress return empty on iOS simulator?"

Code Generation#

"Generate code to display all device info on a screen"

Verification#

After configuration, verify the MCP server is working:

1. Ask your AI tool: "What tools does the nitro-device-info MCP server provide?"
2. Expected response should mention search_docs, get_api, and list_apis

Troubleshooting#

Server Not Loading#

1. Check Node.js version (requires v20.0.0+):

   node --version

2. Verify npx works:

   npx --version

3. Test server directly:

   npx @react-native-nitro-device-info/mcp-server --help

4. Check Claude Desktop logs (macOS):

   tail -f ~/Library/Logs/Claude/mcp*.log

Common Issues#

Requirements#

• Node.js 20.0.0 or higher
• npm 10.0.0 or higher
• MCP-compatible AI tool (Claude Desktop, Cursor, etc.)