{"_id":"@mrnitro360/react-native-mcp-guide","_rev":"5-a479d40218a61806c56a4b651cb56c6f","name":"@mrnitro360/react-native-mcp-guide","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.1":{"name":"@mrnitro360/react-native-mcp-guide","version":"1.0.1","keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"author":{"name":"mrnitro360"},"license":"MIT","_id":"@mrnitro360/react-native-mcp-guide@1.0.1","maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"bin":{"react-native-mcp-guide":"build/index.js"},"dist":{"shasum":"26a86296211d9b83a940577fa88707dcbd4146d3","tarball":"https://registry.npmjs.org/@mrnitro360/react-native-mcp-guide/-/react-native-mcp-guide-1.0.1.tgz","fileCount":19,"integrity":"sha512-Ute8NfBfhwrEw6vSayhDNx3HK30pIBkEFthyE6MNWa0p6fXegR398E9/2AuCZ00E7MW4byjH38fWKl/HvpDE+g==","signatures":[{"sig":"MEUCIGpQyQ6djLpUYrtW74dzoOqeQRMa/t14H3T18O0jaa2gAiEApCxVnggrSUZ5HcztVFxoibYKFZN45xRkLnJ1mioOh0A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":189327},"main":"build/index.js","type":"module","types":"./build/index.d.ts","engines":{"node":">=18.0.0"},"gitHead":"979816e28b2a0927611fa0af99d31f66a053ecd4","scripts":{"dev":"tsx src/index.ts","test":"jest","build":"tsc","start":"node build/index.js","deploy":"npm run update-global && npm run restart-mcp && claude mcp list","auto-update":"powershell -ExecutionPolicy Bypass -File scripts/auto-update.ps1","restart-mcp":"claude mcp remove react-native-guide && claude mcp add react-native-guide node C:/mcp-servers/react-native-guide/build/index.js -s user","update-global":"npm run build && powershell \"Copy-Item -Path 'build\\*' -Destination 'C:\\mcp-servers\\react-native-guide\\' -Recurse -Force\"","watch-updates":"powershell -ExecutionPolicy Bypass -File scripts/auto-update.ps1 -Watch"},"_npmUser":{"name":"mrnitro360","email":"davidbyfield@hotmail.com"},"_npmVersion":"11.4.2","description":"MCP server for React Native best practices guidance","directories":{},"_nodeVersion":"22.14.0","dependencies":{"zod":"^3.23.8","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","jest":"^29.0.0","typescript":"^5.0.0","@types/jest":"^29.0.0","@types/node":"^20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-mcp-guide_1.0.1_1754936317677_0.5430692944976045","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@mrnitro360/react-native-mcp-guide","version":"1.0.2","keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"author":{"name":"mrnitro360"},"license":"MIT","_id":"@mrnitro360/react-native-mcp-guide@1.0.2","maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"bin":{"react-native-mcp-guide":"build/index.js"},"dist":{"shasum":"656e005ec5890a34425a2508b47805e0484f993d","tarball":"https://registry.npmjs.org/@mrnitro360/react-native-mcp-guide/-/react-native-mcp-guide-1.0.2.tgz","fileCount":19,"integrity":"sha512-tVlIDBZuMuWCrZHgP7ZM7pYGFm1KU2STJ0BZUts4aCpofRYgv5KcJ9fDreGfb/lRsdA6kNrOZ8n1b5kPGpe4BA==","signatures":[{"sig":"MEYCIQDLNner53IVtBGBiu4fop9TTPcrX1mjbSdtRT+Co/d1JAIhAPjNz3mj2r0DyB2gzEcqCw/VCDQGe7YIcnzWBRToE6Uy","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":187325},"main":"build/index.js","type":"module","types":"./build/index.d.ts","engines":{"node":">=18.0.0"},"gitHead":"b77295570a96fa19a2fb95bc1f3ff23ec3476fcf","scripts":{"dev":"tsx src/index.ts","test":"jest","build":"tsc","start":"node build/index.js","deploy":"npm run update-global && npm run restart-mcp && claude mcp list","auto-update":"powershell -ExecutionPolicy Bypass -File scripts/auto-update.ps1","restart-mcp":"claude mcp remove react-native-guide && claude mcp add react-native-guide node C:/mcp-servers/react-native-guide/build/index.js -s user","update-global":"npm run build && powershell \"Copy-Item -Path 'build\\*' -Destination 'C:\\mcp-servers\\react-native-guide\\' -Recurse -Force\"","watch-updates":"powershell -ExecutionPolicy Bypass -File scripts/auto-update.ps1 -Watch"},"_npmUser":{"name":"mrnitro360","email":"davidbyfield@hotmail.com"},"_npmVersion":"10.8.2","description":"MCP server for React Native best practices guidance","directories":{},"_nodeVersion":"18.20.8","dependencies":{"zod":"^3.23.8","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","typescript":"^5.0.0","@types/node":"^20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-mcp-guide_1.0.2_1754939115862_0.9971501344337552","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@mrnitro360/react-native-mcp-guide","version":"1.0.4","keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"author":{"name":"mrnitro360"},"license":"MIT","_id":"@mrnitro360/react-native-mcp-guide@1.0.4","maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"bin":{"react-native-mcp-guide":"build/index.js"},"dist":{"shasum":"8a78bb67fa2ab0446b880635ca81d9a1dfdf77e5","tarball":"https://registry.npmjs.org/@mrnitro360/react-native-mcp-guide/-/react-native-mcp-guide-1.0.4.tgz","fileCount":19,"integrity":"sha512-+B+57aS7cJvz6FTPOnuDi/H82+4hJlqJ9/sQBYWi/uugM52Ex0RIoHVlvQH5ypS8f36ES53o6cmNkPaFt9YYUA==","signatures":[{"sig":"MEQCIF3HTXV6G0DcjEpCLsqxXW1IYGHtyqtKDdcsz9qbQZ6IAiBxLTH2mX4o3nu2WI0mCnjgNBM3IL8sf9CMxKPOwo6Yeg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":248141},"main":"build/index.js","type":"module","types":"./build/index.d.ts","engines":{"node":">=18.0.0"},"gitHead":"b8446cda50c84671b2a56b1975cdc72b2c3633f0","scripts":{"dev":"tsx src/index.ts","test":"echo \"No tests specified\" && exit 0","build":"tsc","start":"node build/index.js"},"_npmUser":{"name":"mrnitro360","email":"davidbyfield@hotmail.com"},"_npmVersion":"10.8.2","description":"MCP server for React Native best practices guidance","directories":{},"_nodeVersion":"18.20.8","dependencies":{"zod":"^3.23.8","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","typescript":"^5.0.0","@types/node":"^20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-mcp-guide_1.0.4_1754942115037_0.5697717465928673","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@mrnitro360/react-native-mcp-guide","version":"1.0.5","keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"author":{"name":"mrnitro360"},"license":"MIT","_id":"@mrnitro360/react-native-mcp-guide@1.0.5","maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"bin":{"react-native-mcp-guide":"build/index.js"},"dist":{"shasum":"90ec1c83c55efe099f955f73fd62ef6f509f04cb","tarball":"https://registry.npmjs.org/@mrnitro360/react-native-mcp-guide/-/react-native-mcp-guide-1.0.5.tgz","fileCount":19,"integrity":"sha512-NUjiYgd9bQzAvKYBZyjPwgJyWQ2WOZzSoX15kp4uklZUe1ZWqbVqT0U8FkapHuo1dXtD/9pbgHTuegPKAr0Khg==","signatures":[{"sig":"MEUCIHiYIGrbQAwQioLcuNaKT76UC6EuTeIqiz5B5s/l7IzyAiEAoU57afrpHVqQwwbhMCRjCG3D+kJ9NQPJETN3mECFfVs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":308834},"main":"build/index.js","type":"module","types":"./build/index.d.ts","engines":{"node":">=18.0.0"},"gitHead":"ede53f6dfddc45f05611df4b5edc6d91656b66e4","scripts":{"dev":"tsx src/index.ts","test":"echo \"No tests specified\" && exit 0","build":"tsc","start":"node build/index.js"},"_npmUser":{"name":"mrnitro360","email":"davidbyfield@hotmail.com"},"_npmVersion":"10.8.2","description":"MCP server for React Native best practices guidance","directories":{},"_nodeVersion":"18.20.8","dependencies":{"zod":"^3.23.8","@modelcontextprotocol/sdk":"^1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.0.0","typescript":"^5.0.0","@types/node":"^20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-mcp-guide_1.0.5_1754953552112_0.3436331775729269","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@mrnitro360/react-native-mcp-guide","version":"1.1.0","description":"MCP server for React Native best practices guidance with expert-level code remediation","type":"module","main":"build/index.js","bin":{"react-native-mcp-guide":"build/index.js"},"scripts":{"build":"tsc","dev":"tsx src/index.ts","start":"node build/index.js","test":"echo \"No tests specified\" && exit 0"},"keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"author":{"name":"mrnitro360"},"license":"MIT","dependencies":{"@modelcontextprotocol/sdk":"^1.0.0","zod":"^3.23.8"},"devDependencies":{"@types/node":"^20.0.0","tsx":"^4.0.0","typescript":"^5.0.0"},"engines":{"node":">=18.0.0"},"_id":"@mrnitro360/react-native-mcp-guide@1.1.0","gitHead":"d9a6c8682f61e0a4e870b44498b12d779846fb37","types":"./build/index.d.ts","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-h8yCKsIdCU1sk/YKIyKHp6IufftIwOxPSaVitwZud8ch60RL9mq2hHnQqtplI8U2NAy8zssZKjRyHKyP91dylw==","shasum":"70f7e97f427ae0a902ab84507c810481d4be5562","tarball":"https://registry.npmjs.org/@mrnitro360/react-native-mcp-guide/-/react-native-mcp-guide-1.1.0.tgz","fileCount":19,"unpackedSize":377408,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFWBOSEa/Z+jum5/Xs7ysm85xUu1srFMEe88wrWchVaiAiEA1kTeWYjgjC+MdTZHkHOkZT1JHErfdW7BvUKLHs5lwQ4="}]},"_npmUser":{"name":"mrnitro360","email":"davidbyfield@hotmail.com"},"directories":{},"maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-mcp-guide_1.1.0_1755042040343_0.5242803264860363"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-11T18:18:37.585Z","modified":"2025-08-12T23:40:40.734Z","1.0.1":"2025-08-11T18:18:37.862Z","1.0.2":"2025-08-11T19:05:16.061Z","1.0.4":"2025-08-11T19:55:15.255Z","1.0.5":"2025-08-11T23:05:52.333Z","1.1.0":"2025-08-12T23:40:40.548Z"},"author":{"name":"mrnitro360"},"license":"MIT","keywords":["mcp","model-context-protocol","react-native","best-practices","development-guide"],"description":"MCP server for React Native best practices guidance with expert-level code remediation","maintainers":[{"name":"mrnitro360","email":"davidbyfield@hotmail.com"}],"readme":"# React Native MCP Server\n\n\n\n[](https://badge.fury.io/js/%40mrnitro360%2Freact-native-mcp-guide)\n[](https://opensource.org/licenses/MIT)\n[](https://modelcontextprotocol.io/)\n[](https://github.com/MrNitro360/React-Native-MCP/actions/workflows/auto-deploy.yml)\n[](https://www.typescriptlang.org/)\n[](https://reactnative.dev/)\n\n**Professional AI-powered React Native development companion with expert-level code remediation**\n\n*Expert remediation โข Automated fixes โข Industry best practices โข Enterprise security*\n\n
\n\n## Overview\n\nA comprehensive Model Context Protocol (MCP) server designed for professional React Native development teams. This tool provides intelligent code analysis, **expert-level automated code remediation**, security auditing, and performance optimization with production-ready fixes.\n\n**๐ v1.1.0 - Expert Remediation Features:**\n\n- ๐ง **Expert Code Remediation** - Automatically fix security, performance, and quality issues\n- ๐๏ธ **Advanced Refactoring** - Comprehensive component modernization and optimization\n- ๐ก๏ธ **Security Fixes** - Automatic hardcoded secret migration and vulnerability patching\n- โก **Performance Fixes** - Memory leak prevention and React Native optimization\n- ๐ **Production-Ready Code** - TypeScript interfaces, StyleSheet extraction, accessibility\n\n**Key Benefits:**\n\n- ๐ **Accelerated Development** - Automated code analysis, fixing, and test generation\n- ๐ **Enterprise Security** - Vulnerability detection with automatic remediation\n- ๐ **Quality Assurance** - Industry-standard testing frameworks and coverage analysis\n- โก **Performance Optimization** - Advanced profiling with automatic fixes\n- ๐ฏ **Best Practices** - Expert guidance with code implementation\n- ๐ **Automated Updates** - Continuous integration with automatic version management\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- **Node.js** 18.0 or higher\n- **Claude CLI** or **Claude Desktop**\n- **React Native** development environment\n\n### Installation\n\n#### Automated Installation (Recommended)\n\n```bash\n# Install globally via npm\nnpm install -g @mrnitro360/react-native-mcp-guide\n\n# Configure with Claude CLI\nclaude mcp add react-native-guide npx @mrnitro360/react-native-mcp-guide\n```\n\n#### Development Installation\n\n```bash\n# Clone repository\ngit clone https://github.com/MrNitro360/React-Native-MCP.git\ncd React-Native-MCP\n\n# Install dependencies and build\nnpm install && npm run build\n\n# Add to Claude CLI\nclaude mcp add react-native-guide node ./build/index.js\n```\n\n### Verification\n\n```bash\nclaude mcp list\n```\n\nVerify that `react-native-guide` appears as **Connected** โ
\n\n---\n\n## ๐ Expert Remediation Examples\n\n### Before vs. After: Automatic Code Fixing\n\n**โ Before (Problematic Code):**\n```typescript\nconst MyComponent = () => {\n const apiKey = \"sk-1234567890abcdef\"; // Hardcoded secret\n const [data, setData] = useState([]);\n \n useEffect(() => {\n console.log(\"API Key:\", apiKey); // Sensitive logging\n fetch('http://api.example.com/data') // HTTP instead of HTTPS\n .then(response => response.json())\n .then(data => setData(data));\n \n const interval = setInterval(() => { // Memory leak\n console.log('Polling...');\n }, 1000);\n }, []);\n\n return (\n \n {data.map(item => ( // Performance issue\n {item.name}\n ))}\n \n );\n};\n```\n\n**โ
After (Expert Remediation):**\n```typescript\ninterface Props {\n children?: React.ReactNode;\n onPress?: () => void;\n}\n\nconst MyComponent: React.FC = () => {\n // TODO: Add API_KEY to your environment variables\n const apiKey = process.env.API_KEY || Config.API_KEY;\n const [data, setData] = useState([]);\n \n useEffect(() => {\n // Removed sensitive logging for security\n // console.log('[REDACTED - contains sensitive data]');\n \n // Upgraded to HTTPS for security\n fetch('https://api.example.com/data')\n .then(response => response.json())\n .then(data => setData(data));\n \n const interval = setInterval(() => {\n console.log('Polling...');\n }, 1000);\n \n // Cleanup intervals to prevent memory leaks\n return () => {\n clearInterval(interval);\n };\n }, []);\n\n return (\n item.id?.toString() || index.toString()}\n renderItem={({ item }) => (\n {item.name}\n )}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n itemText: {\n color: 'red'\n }\n});\n\nexport default React.memo(MyComponent);\n```\n\n**๐ฏ What Got Fixed Automatically:**\n- โ
**Security**: Hardcoded API key โ Environment variable\n- โ
**Security**: Sensitive logging โ Sanitized\n- โ
**Security**: HTTP โ HTTPS upgrade\n- โ
**Performance**: ScrollView + map โ FlatList with keyExtractor\n- โ
**Memory**: Added interval cleanup to prevent leaks\n- โ
**Best Practices**: Inline styles โ StyleSheet.create\n- โ
**Type Safety**: Added TypeScript interface\n- โ
**Performance**: Wrapped with React.memo\n\n---\n\n## Core Features\n\n### ๐ง Expert Code Remediation (NEW in v1.1.0)\n\n| Tool | Capability | Level | Output |\n|------|------------|-------|--------|\n| **`remediate_code`** | Automatic security, performance, and quality fixes | Expert | Production-ready code |\n| **`refactor_component`** | Advanced component modernization and optimization | Senior | Refactored components with tests |\n| **Security Remediation** | Hardcoded secrets โ environment variables | Enterprise | Secure code patterns |\n| **Performance Fixes** | Memory leaks, FlatList optimization, StyleSheet | Expert | Optimized components |\n| **Type Safety** | Automatic TypeScript interface generation | Professional | Type-safe code |\n\n### ๐งช Advanced Testing Suite\n\n| Feature | Description | Frameworks |\n|---------|-------------|------------|\n| **Automated Test Generation** | Industry-standard test suites for components | Jest, Testing Library |\n| **Coverage Analysis** | Detailed reports with improvement strategies | Jest Coverage, LCOV |\n| **Strategy Evaluation** | Testing approach analysis and recommendations | Unit, Integration, E2E |\n| **Framework Integration** | Multi-platform testing support | Detox, Maestro, jest-axe |\n\n### ๐ Comprehensive Analysis Tools\n\n| Analysis Type | Capabilities | Output |\n|---------------|--------------|--------|\n| **Security Auditing** | Vulnerability detection with auto-remediation | Risk-prioritized reports + fixes |\n| **Performance Profiling** | Memory, rendering, bundle optimization + fixes | Actionable recommendations + code |\n| **Code Quality** | Complexity analysis with refactoring implementation | Maintainability metrics + fixes |\n| **Accessibility** | WCAG compliance with automatic improvements | Compliance reports + code |\n\n### ๐ฆ Dependency Management\n\n- **Automated Package Auditing** - Security vulnerabilities and outdated dependencies\n- **Intelligent Upgrades** - React Native compatibility validation\n- **Conflict Resolution** - Dependency tree optimization\n- **Migration Assistance** - Deprecated package modernization\n\n### ๐ Expert Knowledge Base\n\n- **React Native Documentation** - Complete API references and guides\n- **Architecture Patterns** - Scalable application design principles \n- **Platform Guidelines** - iOS and Android specific best practices\n- **Security Standards** - Mobile application security frameworks\n\n---\n\n## Usage Examples\n\n### ๐ง Expert Code Remediation (NEW)\n\n```bash\n# Automatically fix all detected issues with expert-level solutions\nclaude \"remediate_code with remediation_level='expert' and add_comments=true\"\n\n# Advanced component refactoring with performance optimization\nclaude \"refactor_component with refactor_type='comprehensive' and include_tests=true\"\n\n# Security-focused remediation\nclaude \"remediate_code with issues=['hardcoded_secrets', 'sensitive_logging'] and remediation_level='expert'\"\n\n# Performance-focused refactoring\nclaude \"refactor_component with refactor_type='performance' and target_rn_version='latest'\"\n```\n\n### Testing & Quality Assurance\n\n```bash\n# Generate comprehensive component tests\nclaude \"generate_component_test with component_name='LoginForm' and test_type='comprehensive'\"\n\n# Analyze testing strategy\nclaude \"analyze_testing_strategy with focus_areas=['unit', 'accessibility', 'performance']\"\n\n# Generate coverage report\nclaude \"analyze_test_coverage with coverage_threshold=85\"\n```\n\n### Code Analysis & Optimization\n\n```bash\n# Comprehensive codebase analysis with auto-remediation suggestions\nclaude \"analyze_codebase_comprehensive\"\n\n# Performance optimization with specific focus areas\nclaude \"analyze_codebase_performance with focus_areas=['memory_usage', 'list_rendering']\"\n\n# Security audit with vulnerability detection\nclaude \"analyze_codebase_comprehensive with analysis_types=['security', 'performance']\"\n```\n\n### Dependency Management\n\n```bash\n# Package upgrade recommendations\nclaude \"upgrade_packages with update_level='minor'\"\n\n# Resolve dependency conflicts\nclaude \"resolve_dependencies with fix_conflicts=true\"\n\n# Security vulnerability audit\nclaude \"audit_packages with auto_fix=true\"\n```\n\n### Real-World Scenarios\n\n| Scenario | Command | Outcome |\n|----------|---------|---------|\n| **๐ง Automatic Code Fixing** | `\"Fix all security and performance issues in my component with expert solutions\"` | Production-ready remediated code |\n| **๐๏ธ Component Modernization** | `\"Refactor my legacy component to modern React Native patterns with tests\"` | Modernized component + test suite |\n| **๐ก๏ธ Security Hardening** | `\"Automatically fix hardcoded secrets and security vulnerabilities\"` | Secure code with environment variables |\n| **โก Performance Optimization** | `\"Fix memory leaks and optimize FlatList performance automatically\"` | Optimized code with cleanup |\n| **๐ Type Safety Enhancement** | `\"Add TypeScript interfaces and improve type safety automatically\"` | Type-safe code with interfaces |\n| **Pre-deployment Security Check** | `\"Scan my React Native project for security vulnerabilities\"` | Security report + automatic fixes |\n| **Performance Bottleneck Analysis** | `\"Analyze my app for performance bottlenecks and memory leaks\"` | Optimization roadmap + fixes |\n| **Code Quality Review** | `\"Review my codebase for refactoring opportunities\"` | Quality improvement + implementation |\n| **Accessibility Compliance** | `\"Check my app for accessibility issues and fix them automatically\"` | WCAG compliance + code fixes |\n| **Component Test Generation** | `\"Generate comprehensive tests for my LoginScreen component\"` | Complete test suite |\n| **Testing Strategy Optimization** | `\"Analyze my current testing strategy and suggest improvements\"` | Testing roadmap |\n\n---\n\n## Claude Desktop Integration\n\n### NPM Installation Configuration\n\nAdd to your `claude_desktop_config.json`:\n\n```json\n{\n \"mcpServers\": {\n \"react-native-guide\": {\n \"command\": \"npx\",\n \"args\": [\"@mrnitro360/react-native-mcp-guide@1.1.0\"],\n \"env\": {}\n }\n }\n}\n```\n\n### Development Configuration\n\n```json\n{\n \"mcpServers\": {\n \"react-native-guide\": {\n \"command\": \"node\",\n \"args\": [\"/absolute/path/to/React-Native-MCP/build/index.js\"],\n \"env\": {}\n }\n }\n}\n```\n\n**Configuration Paths:**\n- **Windows:** `C:\\Users\\{Username}\\Desktop\\React-Native-MCP\\build\\index.js`\n- **macOS/Linux:** `/Users/{Username}/Desktop/React-Native-MCP/build/index.js`\n\n---\n\n## Development & Maintenance\n\n### Local Development\n\n```bash\n# Development with hot reload\nnpm run dev\n\n# Production build\nnpm run build\n\n# Production server\nnpm start\n```\n\n### Continuous Integration\n\nThis project implements enterprise-grade CI/CD:\n\n- โ
**Automated Version Management** - Semantic versioning with auto-increment\n- โ
**Continuous Deployment** - Automatic npm publishing on merge\n- โ
**Release Automation** - GitHub releases with comprehensive changelogs\n- โ
**Quality Gates** - Build validation and testing before deployment\n\n### Update Management\n\n```bash\n# Check current version\nnpm list -g @mrnitro360/react-native-mcp-guide\n\n# Update to latest version\nnpm update -g @mrnitro360/react-native-mcp-guide\n\n# Reconfigure Claude CLI\nclaude mcp remove react-native-guide\nclaude mcp add react-native-guide npx @mrnitro360/react-native-mcp-guide\n```\n\n---\n\n## Technical Specifications\n\n### ๐ฏ Analysis & Remediation Capabilities\n\n- **Expert Code Remediation** - Automatic fixing of security, performance, and quality issues\n- **Advanced Component Refactoring** - Comprehensive modernization with test generation\n- **Comprehensive Codebase Analysis** - Multi-dimensional quality assessment with fixes\n- **Enterprise Security Auditing** - Vulnerability detection with automatic remediation\n- **Performance Intelligence** - Memory, rendering, and bundle optimization with fixes\n- **Quality Metrics** - Complexity analysis with refactoring implementation\n- **Accessibility Compliance** - WCAG 2.1 AA standard validation with automatic fixes\n- **Testing Strategy Optimization** - Coverage analysis and framework recommendations\n\n### ๐ ๏ธ Technical Architecture\n\n- **12 Specialized Tools** - Complete React Native development lifecycle coverage + remediation\n- **2 Expert Remediation Tools** - `remediate_code` and `refactor_component`\n- **6 Expert Prompt Templates** - Structured development workflows\n- **5 Resource Libraries** - Comprehensive documentation and best practices\n- **Industry-Standard Test Generation** - Automated test suite creation\n- **Multi-Framework Integration** - Jest, Detox, Maestro, and accessibility tools\n- **Real-time Coverage Analysis** - Detailed reporting with improvement strategies\n- **Production-Ready Code Generation** - Expert-level automated fixes and refactoring\n\n### ๐ข Enterprise Features\n\n- **Expert-Level Remediation** - Senior engineer quality automatic code fixes\n- **Production-Ready Solutions** - Enterprise-grade security and performance fixes\n- **Professional Reporting** - Executive-level summaries with implementation code\n- **Security-First Architecture** - Comprehensive vulnerability assessment with fixes\n- **Scalability Planning** - Large-scale application design patterns with refactoring\n- **Compliance Support** - Industry standards with automatic compliance fixes\n- **Multi-Platform Optimization** - iOS and Android specific considerations with fixes\n\n---\n\n## ๐ Changelog\n\n### v1.1.0 - Expert Code Remediation (Latest)\n\n**๐ Major Features:**\n- โจ **NEW**: `remediate_code` tool - Expert-level automatic code fixing\n- โจ **NEW**: `refactor_component` tool - Advanced component refactoring with tests\n- ๐ง **Enhanced**: Component detection accuracy improved\n- ๐ก๏ธ **Security**: Automatic hardcoded secret remediation\n- โก **Performance**: Memory leak prevention and FlatList optimization\n- ๐ **Quality**: TypeScript interface generation and StyleSheet extraction\n- ๐ฏ **Accessibility**: WCAG compliance with automatic fixes\n\n**๐ฏ Remediation Capabilities:**\n- Hardcoded secrets โ Environment variables\n- Sensitive logging โ Sanitized code\n- HTTP requests โ HTTPS enforcement\n- Memory leaks โ Automatic cleanup\n- Inline styles โ StyleSheet.create\n- Performance issues โ Optimized patterns\n- Type safety โ TypeScript interfaces\n\n### v1.0.5 - Previous Version\n- Comprehensive analysis tools\n- Testing suite generation\n- Dependency management\n- Performance optimization guidance\n\n---\n\n## Support & Community\n\n### Resources\n\n- ๐ฆ **[NPM Package](https://www.npmjs.com/package/@mrnitro360/react-native-mcp-guide)** - Official package repository\n- ๐ **[GitHub Repository](https://github.com/MrNitro360/React-Native-MCP)** - Source code and development\n- ๐ **[Issue Tracker](https://github.com/MrNitro360/React-Native-MCP/issues)** - Bug reports and feature requests\n- ๐ **[MCP Documentation](https://modelcontextprotocol.io/)** - Model Context Protocol specification\n- โ๏ธ **[React Native Docs](https://reactnative.dev/)** - Official React Native documentation\n\n### Contributing\n\nWe welcome contributions from the React Native community. Please review our [Contributing Guidelines](CONTRIBUTING.md) for development standards and submission processes.\n\n### License\n\nThis project is licensed under the [MIT License](LICENSE). See the license file for detailed terms and conditions.\n\n---\n\n\n\n**Professional React Native Development with Expert-Level Remediation**\n\n*Empowering development teams to build secure, performant, and accessible mobile applications with automated expert-level code fixes*\n\n๐ **v1.1.0 - Now with Expert Code Remediation!**\n\n[Get Started](https://www.npmjs.com/package/@mrnitro360/react-native-mcp-guide) โข [Documentation](https://github.com/MrNitro360/React-Native-MCP) โข [Community](https://github.com/MrNitro360/React-Native-MCP/issues)\n\n
\n","readmeFilename":"README.md"}