Skip to main content
Glama
azer

react-analyzer-mcp

by azer

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와 함께 사용

  1. Claude Desktop 구성에서 MCP 서버를 활성화합니다.

{
    "react-analyzer-mcp": {
      "command": "node",
      "args": [
        "/Users/azer/code/sandbox/react-analyzer-mcp/build/index.js"
      ]
    }
}
  1. Claude Shell을 사용하여 Claude를 MCP 서버에 연결합니다.

  2. 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

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    D
    maintenance
    Analyzes 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 npm
    MIT
  • A
    license
    A
    quality
    D
    maintenance
    Generates 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.
    65
    5
    MIT
  • A
    license
    A
    quality
    D
    maintenance
    Semantic 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.
    10
    10 npm
    MIT