Skip to main content
Glama
enesjakozh
azer

react-analyzer-mcp

by azer
OverviewSchemaSourceRelated ServersDiscussionsAdmin
TypeScript
Local

反応アナライザーMCP

モデルコンテキストプロトコルを使用してReactコードの分析とドキュメント生成を行います。react -analyzerライブラリをベースにしています。

何をするのか

このツールは、React コンポーネント ファイル (JSX/TSX) を分析し、コンポーネントとそのプロパティに関する情報を抽出します。

Related MCP server: Local DeepWiki MCP Server

利用可能なツール

  • analyze-react : ソースコードから単一のReactコンポーネントを解析する

  • analyze-project : プロジェクトフォルダ内のすべてのReactコンポーネントのドキュメントを生成します

  • list-projects : ルートフォルダの下にあるすべてのプロジェクトを一覧表示します

インストール

# 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 build

クロードと一緒に使う

  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` | ✓ | |
...

ライセンス

マサチューセッツ工科大学

This server cannot be deployed

One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Maintenance

ActivityInactive
ResponsivenessUnresponsive

Resources

Related MCP Connectors

Related MCP Servers

  • Frontend Code Analysis MCP

    cmc12138
    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

  • Local DeepWiki MCP Server

    UrbanDiver
    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

  • tsx-query

    paramhq
    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

Appeared in Searches