react-analyzer-mcp

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

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

# 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

Enable MCP server in the Claude Desktop config:

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

Connect Claude to your MCP server using the Claude Shell.
Use the tools directly in Claude conversations:

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

Or:

What React components do I have in my project?

Examples

Analyzing a project folder:

Input:

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

Output:

# Components

## Button

### Props

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

License

MIT

This server cannot be installed

security - not tested

license - not found

quality - not tested

How are these scores calculated?

local-only server

The server can only run on the client's local machine because it depends on local resources.

analyze your react projects locally
consistent output w/ AST parsing + AI
create markdown docs, llm.txt for your react code at once

Related MCP Servers

Code Review MCP Server
crazyrabbitLTC
A
security
F
license
A
quality
Analyzes codebases using Repomix and LLMs to provide structured code reviews with specific issues and recommendations, supporting multiple LLM providers including OpenAI, Anthropic, and Gemini.
Last updated -
2
20
JavaScript
Context7 MCP
decvb
A
security
A
license
A
quality
Fetches up-to-date, version-specific documentation and code examples from the source and adds them to your LLM prompts, helping eliminate outdated code generations and hallucinated APIs.
Last updated -
2
64,839
2
JavaScript
MIT License
Project Explorer MCP Server
MausRundung362
A
security
A
license
A
quality
Provides tools for analyzing project structures, searching through codebases, managing dependencies, and performing file operations with advanced filtering capabilities.
Last updated -
6
512
1
TypeScript
MIT License
Docforkofficial
docfork
A
security
A
license
A
quality
Provides up-to-date documentation for 9000+ libraries directly in your AI code editor, enabling accurate code suggestions and eliminating outdated information.
Last updated -
1
692
96
JavaScript
MIT License

View all related MCP servers

react-analyzer-mcp

react-analyzer-mcp

What it does

Available Tools

Installation

Using with Claude

Examples

Analyzing a project folder:

License

Related MCP Servers

Code Review MCP Server

Context7 MCP

Project Explorer MCP Server

Docforkofficial

Appeared in Searches

New MCP Servers

MCP directory API