Skip to main content
Glama
Sign In
enesjakozh

react-analyzer-mcp

by azer
GitHub
TypeScript
2
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

react-analyzer-mcp

모델 컨텍스트 프로토콜을 사용하여 React 코드에 대한 문서를 분석하고 생성합니다. react-analyzer 라이브러리를 기반으로 합니다.

그것이 하는 일

이 도구는 React 구성 요소 파일(JSX/TSX)을 분석하고 구성 요소와 해당 속성에 대한 정보를 추출합니다.

사용 가능한 도구

  • 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

This server cannot be installed

-
security - not tested
-
license - not tested
-
quality - not tested
  • 로컬에서 React 프로젝트를 분석하세요
  • AST 파싱 + AI를 사용한 일관된 출력
  • React 코드에 대한 마크다운 문서인 llm.txt를 한 번에 생성하세요
  1. 그것이 하는 일
    1. 사용 가능한 도구
      1. 설치
        1. Claude와 함께 사용
          1. 예시
            1. 프로젝트 폴더 분석:
          2. 특허

            Related MCP Servers

            • Coding Standards MCP Server

              ggerve
              -
              security
              F
              license
              -
              quality
              Provides tools for accessing coding style guidelines and best practices for various technologies including Java, Python, and React.
              Last updated -
              Python

            • SourceSage MCP

              Sunwood-ai-labs
              A
              security
              F
              license
              A
              quality
              A TypeScript-based server that visualizes project directory structures in Markdown format, automatically documenting file contents with syntax highlighting and supporting customizable exclusion patterns.
              Last updated -
              1
              3
              2
              TypeScript
              • Linux
              • Apple

            • Figma to React Native MCP

              kailashAppDev
              -
              security
              F
              license
              -
              quality
              Converts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.
              Last updated -
              111
              1
              TypeScript

            • Ant Design Components MCP Server

              hannesj
              -
              security
              F
              license
              -
              quality
              Exposes Ant Design component documentation to Large Language Models, allowing LLMs to explore and understand Ant Design components through specialized tools for listing components, viewing documentation, inspecting props, and browsing code examples.
              Last updated -
              JavaScript
              • Apple
              • Linux

            View all related MCP servers

            ID: 6mmgi4xyxf