MR

mrnitro360/react-native-mcp

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

66 stars 8 forks 质量 66 趋势 14MIT

一个模型上下文协议(MCP)服务器,基于官方 React Native 文档,为 React Native 开发提供全面的指导和最佳实践。

概览

专家修复 • 自动化修复 • 行业最佳实践 • 企业安全 一款为专业React Native开发团队设计的综合模型上下文协议(MCP)服务器。该工具提供智能代码分析、安全审计和性能优化,并附带生产准备修复。 - 🔧 - 自动修复安全、性能和质量问题 - 🏗️ - 全面的组件现代化与优化 - 🛡️ - 自动硬编码的秘密迁移和漏洞补丁 - ⚡ - 防止内存泄漏和 React Native 优化 - 📝 - TypeScript 接口、样式表提取、可访问性 - 🚀 - 自动化代码分析、修复和测试生成 - 🔒 - 漏洞检测及自动修复 - 📊 - 行业标准测试框架和覆盖分析 - ⚡ - 高级剖析及自动修复 - 🎯 - 专家指导代码实施 - 🔄 - 持续集成自动版本管理 - 18.

概述(AI 翻译)

专业的AI驱动React Native开发伙伴,提供专家级代码修复

专家修复 • 自动化修复 • 行业最佳实践 • 企业安全

概述

一款为专业 React Native 开发团队设计的综合模型上下文协议(MCP)服务器。该工具提供智能代码分析、专家级自动代码修复、安全审计和性能优化,并附带生产准备修复。

** 🆕 v1.1.0 - 专家修复功能:**

  • 🔧 专家代码修复 - 自动修复安全、性能和质量问题
  • 🏗️ 高级重构 - 全面的组件现代化与优化
  • 🛡️ 安全修复 - 自动硬编码的秘密迁移和漏洞补丁
  • ⚡ 性能修复 - 内存泄漏预防和React Native优化
  • 📝 生产准备代码 - TypeScript接口、样式表提取、可访问性

主要优势:

  • 🚀 加速开发 - 自动化代码分析、修复和测试生成
  • 🔒 企业安全 - 漏洞检测及自动修复

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

React Native MCP Server

Overview

A 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.

🆕 v1.1.0 - Expert Remediation Features:

  • 🔧 Expert Code Remediation - Automatically fix security, performance, and quality issues
  • 🏗️ Advanced Refactoring - Comprehensive component modernization and optimization
  • 🛡️ Security Fixes - Automatic hardcoded secret migration and vulnerability patching
  • ⚡ Performance Fixes - Memory leak prevention and React Native optimization
  • 📝 Production-Ready Code - TypeScript interfaces, StyleSheet extraction, accessibility

Key Benefits:

  • 🚀 Accelerated Development - Automated code analysis, fixing, and test generation
  • 🔒 Enterprise Security - Vulnerability detection with automatic remediation
  • 📊 Quality Assurance - Industry-standard testing frameworks and coverage analysis
  • ⚡ Performance Optimization - Advanced profiling with automatic fixes
  • 🎯 Best Practices - Expert guidance with code implementation
  • 🔄 Automated Updates - Continuous integration with automatic version management

Quick Start

Prerequisites

  • Node.js 18.0 or higher
  • Claude CLI or Claude Desktop
  • React Native development environment

Installation

# Install globally via npm
npm install -g @mrnitro360/react-native-mcp-guide

# Configure with Claude CLI
claude mcp add react-native-guide npx @mrnitro360/react-native-mcp-guide

Development Installation

# Clone repository
git clone https://github.com/MrNitro360/React-Native-MCP.git
cd React-Native-MCP

# Install dependencies and build
npm install && npm run build

# Add to Claude CLI
claude mcp add react-native-guide node ./build/index.js
在 GitHub 查看完整 README

安装

npx @mrnitro360/[email protected]
新手?先看 mcpskill.org 教程 →

配置

{ "mcpServers": { "react-native-guide": { "command": "npx", "args": ["@mrnitro360/[email protected]"], "env": {} } } }