react-mcp

react-mcp

19
developer_tools

React MCP is a server implementation designed to enable Claude AI to interact seamlessly with React applications. It offers tools and functionalities for project management, file operations, and command execution within the development environment, using the Model Context Protocol.

React MCP (Model Context Protocol)

React MCP is a server implementation that allows Claude AI to interact with React applications using the Model Context Protocol.

Overview

  • Bridge between Claude AI and React ecosystem
  • Functions: Create new React applications, run servers, manage files, and execute terminal commands
  • Implements MCP for real-world actions in development

Features

  • React Project Management: Create apps, run servers, manage dependencies
  • File Operations: Read, write, edit files
  • Process Management: Monitor processes, real-time tracking
  • Command Execution: Run commands, install npm packages
  • Comprehensive Logging: JSON and text logs

Installation

  • Install via Smithery or manually clone and install dependencies

Usage

  • Configuration involves adding to claude_desktop_config

Available Tools

  • create-react-app, run-react-app, run-command, get-process-output, stop-process, list-processes, edit-file, read-file, install-package, check-installation-status

Logging

Logs maintained in logs directory:

  • react-mcp-logs.json, react-mcp-logs.txt

Architecture

  • Uses Model Context Protocol SDK, StdioServerTransport, Zod, and Child Process for various functionalities.

License

MIT

Author

@streen9

Contributing

Contributions welcome via Pull Request.