react-analyzer-mcp
@azer
关于 react-analyzer-mcp
MCP server for analyzing & generating docs for React code locally
基本信息
配置
工具
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
概览
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.
其他 分类下的更多 MCP 服务器
MCP Go 🚀
mark3labsA Go implementation of the Model Context Protocol (MCP), enabling seamless integration between LLM applications and external data sources and tools.
Mcp
browsermcpBrowser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser
Nginx UI
0xJackyYet another WebUI for Nginx
🪟 Windows-MCP
CursorTouchMCP Server for Computer Use in Windows
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!
评论