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.
「その他」の他のコンテンツ
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!
ACI: Open-Source Infra to Power Unified MCP Servers
aipotheosis-labsACI.dev is the open source tool-calling platform that hooks up 600+ tools into any agentic IDE or custom AI agent through direct function calling or a unified MCP server. The birthplace of VibeOps.
Blender
ahujasidOpen-source MCP to use Blender with any LLM
MaxKB
1Panel-dev🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。
MCP Registry
modelcontextprotocolA community driven registry service for Model Context Protocol (MCP) servers.
コメント