react-analyzer-mcp

View on GitHub

MCP server for analyzing & generating docs for React code locally

50 stars TypeScriptServers & Infrastructure Updated Oct 24, 2025

Documentation

react-analyzer-mcp

Analyze & generate docs for React code using the Model Context Protocol. Based on react-analyzer library.

[](https://x.com/azerkoculu/status/1910071779457900866)

What it does

This tool analyzes React component files (JSX/TSX) and extracts information about components and their props.

Available Tools

analyze-react: Analyzes a single React component from source code
analyze-project: Generates documentation for all React components in a project folder
list-projects: Lists all projects under the root folder

Installation

bash

# Clone the repository
git clone https://github.com/azer/react-analyzer-mcp.git
cd react-analyzer-mcp

# Install dependencies
npm install

# Update PROJECT_ROOT in the index.ts file.
vim src/index.ts

# Build
npm run build

Using with Claude

1. Enable MCP server in the Claude Desktop config:

bash

{
    "react-analyzer-mcp": {
      "command": "node",
      "args": [
        "/Users/azer/code/sandbox/react-analyzer-mcp/build/index.js"
      ]
    }
}

2. Connect Claude to your MCP server using the Claude Shell.

3. Use the tools directly in Claude conversations:

code

Analyze my project's React components in the "ui" folder.

Or:

code

What React components do I have in my project?

Examples

Analyzing a project folder:

Input:

code

Can you analyze the components in my "foobar" folder?

Output:

code

# Components

## Button

### Props

| Prop | Type | Optional | Default |
|------|------|----------|---------|
| `variant` | `string` | ✓ | `primary` |
| `size` | `string` | ✓ | `md` |
| `onClick` | `function` | ✓ | |
...

License

MIT

Frequently asked questions

What is react-analyzer-mcp?

react-analyzer-mcp is MCP server for analyzing & generating docs for React code locally

How do I install react-analyzer-mcp?

Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

Is react-analyzer-mcp open source?

Yes — it is hosted on GitHub at https://github.com/azer/react-analyzer-mcp and has 50 stars.

Related MCP tools

playwright-mcp

Playwright MCP server TypeScript-based implementation. Trusted by 22000+ developers. Trusted by 22000+ developers. Trusted by 22000+ developers.

22,066 TypeScript

mcpplaywright

notion-mcp-server

Official Notion MCP Server TypeScript-based implementation. Trusted by 3400+ developers. Trusted by 3400+ developers. Trusted by 3400+ developers.

3,419 TypeScript

mcpso

Directory for Awesome MCP Servers TypeScript-based implementation. Trusted by 1900+ developers. Trusted by 1900+ developers.

1,907 TypeScript

awesome-mcp-serversmcpmcp-server-store+2

unla

🧩 MCP Gateway - A lightweight gateway service that instantly transforms existing MCP Servers and APIs into MCP servers with zero code changes.

1,883 TypeScript

awesomemcpmcp-adapter+4

metamcp

MCP Aggregator, Orchestrator, Middleware, Gateway in one docker TypeScript-based implementation. Trusted by 1400+ developers.

1,499 TypeScript

mcpmcp-gatewaymcp-host+12

mcp-server-kubernetes

MCP Server for kubernetes management commands TypeScript-based implementation. Trusted by 1100+ developers. Trusted by 1100+ developers.

1,136 TypeScript

infrastructurekubernetesmcp+1

Run your own MCP server? See who uses it and what to fix.

Measure it with TrackMCP