mrnitro360/react-native-mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

66 stars 8 forks 品質 66 トレンド 14MIT

Repository Install

モデルコンテキストプロトコル(MCP)サーバーは、React Native の公式ドキュメントに基づく React Native 開発の包括的なガイダンスとベストプラクティスを提供します.

概要

エキスパートの是正 • 自動修正 • 業界のベストプラクティス • 企業セキュリティ包括的なモデルコンテキストプロトコル(MCP)サーバーは、プロのReact Native開発チーム向けに設計されています。このツールは、インテリジェントなコード分析、セキュリティ監査、および生産準備の修正によるパフォーマンスの最適化を提供します。 - ◦ - 自動的にセキュリティ、パフォーマンス、および品質の問題を修正 - 🏗️ - 包括的なコンポーネントのモダナイゼーションと最適化 - ️️ - 自動ハードコードされた秘密のマイグレーションと脆弱性のパッチ - ⚡ - メモリリーク防止とReact Nativeの最適化 - タイプスクリプトインターフェイス、スタイルシート抽出、アクセシビリティ - 自動修正による自動コード解析、修正、およびテスト生成 - ◀ - 自動修正による脆弱性の検出 - 業界標準のテストフレームワークとカバレッジ分析 - ⚡ - 自動修正による高度なプロファイリング - コード実装に関するエキスパートガイダンス - 自動バージョン管理との継続的な統合 - 18.

概要（AI 翻訳）

プロフェッショナルなAIを搭載したReactネイティブ開発コンパニオンとエキスパートレベルのコードの修正

エキスパートの修正 • 自動修正 • 業界のベストプラクティス • 企業セキュリティ

概要

包括的なモデルコンテキストプロトコル(MCP)サーバーは、プロのReact Native開発チーム向けに設計されています。このツールは、インテリジェントなコード解析、エキスパートレベルの自動コードの修正、セキュリティ監査、および生産準備完了の修正によるパフォーマンス最適化を提供します。

** v1.1.0 - エキスパートの修復機能:**

☑エキスパートコードの修正 - 自動的にセキュリティ、パフォーマンス、品質の問題の修正
🏗️Advanced Refactoring - 包括的なコンポーネントの近代化と最適化
🛡️Security Fixes - 自動ハードコードされた秘密の移行と脆弱性のパッチ
⚡Performance Fixes - メモリリーク防止とReactネイティブ最適化
リリースProduction-Ready Code - TypeScript インターフェイス、スタイルシート抽出、アクセシビリティ

主な利点:

OST 加速開発 - 自動化されたコード解析、修正、テスト生成
エンタープライズセキュリティ** - 自動修正による脆弱性検出

このページは 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

Automated Installation (Recommended)

# 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]

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

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