react-analyzer-mcp
react-analyzer-mcp
모델 컨텍스트 프로토콜을 사용하여 React 코드에 대한 문서를 분석하고 생성합니다. react-analyzer 라이브러리를 기반으로 합니다.
그것이 하는 일
이 도구는 React 구성 요소 파일(JSX/TSX)을 분석하고 구성 요소와 해당 속성에 대한 정보를 추출합니다.
Related MCP server: Local DeepWiki MCP Server
사용 가능한 도구
analyze-react : 소스 코드에서 단일 React 구성 요소를 분석합니다.
analyze-project : 프로젝트 폴더의 모든 React 구성 요소에 대한 문서를 생성합니다.
list-projects : 루트 폴더 아래의 모든 프로젝트를 나열합니다.
설치
지엑스피1
Claude와 함께 사용
Claude Desktop 구성에서 MCP 서버를 활성화합니다.
{
"react-analyzer-mcp": {
"command": "node",
"args": [
"/Users/azer/code/sandbox/react-analyzer-mcp/build/index.js"
]
}
}Claude Shell을 사용하여 Claude를 MCP 서버에 연결합니다.
Claude 대화에서 직접 도구를 사용하세요.
Analyze my project's React components in the "ui" folder.또는:
What React components do I have in my project?예시
프로젝트 폴더 분석:
입력:
Can you analyze the components in my "foobar" folder?산출:
# Components
## Button
### Props
| Prop | Type | Optional | Default |
|------|------|----------|---------|
| `variant` | `string` | ✓ | `primary` |
| `size` | `string` | ✓ | `md` |
| `onClick` | `function` | ✓ | |
...특허
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
AI-powered codebase analysis — call graphs, security, dead code, complexity. 150+ tools.
Code intelligence for LLMs. Analyze, search, and retrieve code from any public git repository.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Generate and validate a .specs/ bundle for your repo, then hand it to your AI coding agent
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceAnalyzes frontend project code (React, Vue, Angular) and converts it into AI-understandable flow diagrams and object structures. Provides tools for code analysis, variable/function/component inspection, and project structure insights.4 npmMIT
- AlicenseAqualityDmaintenanceGenerates DeepWiki-style documentation for private code repositories with RAG-based Q\&A capabilities, semantic code search, and multi-language AST parsing. Supports local LLMs (Ollama) or cloud providers for privacy-focused codebase analysis.655MIT
- AlicenseAqualityDmaintenanceAnalyzes JSX prop usage in React/TypeScript codebases using AST parsing, enabling prop usage tracking, component analysis, and TypeScript support.45 npmMIT
- AlicenseAqualityDmaintenanceSemantic React/TSX analysis MCP server that saves 70-90% tokens by using AST to retrieve precise component usages, prop flow, and state update information for AI coding assistants.1010 npmMIT