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.
React Analyzer MCP Server
@azer
Basic information
About React Analyzer MCP Server
MCP server for analyzing & generating docs for React code locally
React Analyzer MCP Server config
No standard config provided
This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.
RepositoryReact Analyzer MCP Server tools
3Analyzes 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
Frequently asked questions
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.
More Other MCP servers
Reactive Resume
amruthpillaiA one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
39.5K
P
PickFu MCP
PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct
Awesome Mlops
visengerA curated list of references for MLOps
14.0K
Blender
ahujasidOpen-source MCP to use Blender with any LLM
23.6K
Lemon.io
lemon-ioRequest dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3
Comments