react-analyzer-mcp
@azer
About react-analyzer-mcp
MCP server for analyzing & generating docs for React code locally
Config
No standard config provided
This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.
RepositoryTools
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
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.
Frequently asked questions
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.
Basic information
More Other MCP servers
Activepieces
activepiecesAI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
🚀 Model Context Protocol (MCP) Curriculum for Beginners
microsoftThis open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,
Unity MCP ✨
justinpbarnettUnity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.
Mcp
browsermcpBrowser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser
XcodeBuildMCP
cameroncookeA Model Context Protocol (MCP) server and CLI that provides tools for agent use when working on iOS and macOS projects.
Comments