react-analyzer-mcp
Analyzes React component files (JSX/TSX) to extract component information and props, enabling documentation generation for React components in a project.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@react-analyzer-mcpanalyze the React components in my ui folder"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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.
Related MCP server: Project Explorer MCP Server
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 buildUsing 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
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/azer/react-analyzer-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server