react-analyzer-mcp

使用模型上下文协议 (Model Context Protocol) 分析并生成 React 代码文档。基于react-analyzer库。

它的作用

该工具分析 React 组件文件（JSX/TSX）并提取有关组件及其 props 的信息。

可用工具

analyze-react ：从源代码分析单个 React 组件
analyze-project ：为项目文件夹中的所有 React 组件生成文档
list-projects ：列出根文件夹下的所有项目

安装

# 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

与 Claude 一起使用

在 Claude Desktop 配置中启用 MCP 服务器：

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

使用 Claude Shell 将 Claude 连接到您的 MCP 服务器。
在 Claude 对话中直接使用这些工具：

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

或者：

What React components do I have in my project?

示例

分析项目文件夹：

输入：

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

输出：

# Components

## Button

### Props

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

执照

麻省理工学院

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.

在本地分析你的 React 项目
AST 解析 + AI 的一致输出
立即为您的 React 代码创建 Markdown 文档、llm.txt

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
27
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
17
1
MIT License
markdownlint-mcp
ernestgwilsonii
-
security
A
license
-
quality
Provides AI assistants with the ability to lint, validate, and auto-fix Markdown files to ensure compliance with established Markdown standards and best practices.
Last updated -
1
MIT License
XRAY MCP
srijanshukla18
A
security
A
license
A
quality
Enables AI assistants to understand and navigate codebases through structural analysis. Provides code mapping, symbol search, and impact analysis using ast-grep for accurate parsing of Python, JavaScript, TypeScript, and Go projects.
Last updated -
3
30
MIT License

View all related MCP servers

react-analyzer-mcp

react-analyzer-mcp

它的作用

可用工具

安装

与 Claude 一起使用

示例

分析项目文件夹：

执照

Related MCP Servers

Code Review MCP Server

Project Explorer MCP Server

markdownlint-mcp

XRAY MCP

Appeared in Searches

New MCP Servers

MCP directory API