#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.)