react-analyzer-mcp

Name: react-analyzer-mcp
Author: azer

@azer

Repository

About react-analyzer-mcp

MCP server for analyzing & generating docs for React code locally

Basic information

Config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Tools

Analyzes a single React component from source code

Generates documentation for all React components in a project folder

Lists all projects under the root folder

Overview

What is react-analyzer-mcp?

react-analyzer-mcp is a server that analyzes React component files (JSX/TSX) and extracts information about components and their props, using the Model Context Protocol (MCP). It is based on the react-analyzer library and is intended for developers who want to generate documentation for React projects programmatically via MCP‑enabled clients like Claude.

How to use react-analyzer-mcp?

Clone the repository, install dependencies with npm install, set PROJECT_ROOT in src/index.ts, and build with npm run build. Then enable the server in the Claude Desktop configuration by adding an entry with command: "node" and the path to the built index.js. After starting the server, you can invoke the tools directly in Claude conversations.

Key features of react-analyzer-mcp

Analyzes a single React component from source code
Generates documentation for all React components in a project folder
Lists all projects under the configured root folder

Use cases of react-analyzer-mcp

Automatically document all React components in a project folder
Inspect the props and structure of a single component during development
List available React projects in a directory to choose which to analyze

FAQ from react-analyzer-mcp

What does react-analyzer-mcp do?

It analyzes React component files (JSX/TSX) and extracts details about components and their props, generating documentation that can be viewed inside MCP‑compatible clients.

What are its main tools?

The server provides three tools: analyze-react, analyze-project, and list-projects.

What dependencies or runtime does it require?

It requires Node.js and npm. The server is built with TypeScript and must be compiled before use.

Where does the analyzed data live?

All analysis runs locally on the configured PROJECT_ROOT folder. No data is sent to external servers.

How do I connect it to Claude?

Add the server to the Claude Desktop configuration file with the correct path to the built index.js, then use the Claude Shell to connect and invoke the tools.