analizador de reacción mcp

Analiza y genera documentación para código React usando el Protocolo de Contexto de Modelo. Basado en la biblioteca react-analyzer .

Qué hace

Esta herramienta analiza los archivos de componentes de React (JSX/TSX) y extrae información sobre los componentes y sus propiedades.

Related MCP server: Project Explorer MCP Server

Herramientas disponibles

• analizar-react : analiza un solo componente React desde el código fuente

• analizar-proyecto : genera documentación para todos los componentes de React en una carpeta de proyecto

• list-projects : enumera todos los proyectos bajo la carpeta raíz

Instalación

# 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

Usando con Claude

1. Habilitar el servidor MCP en la configuración de Claude Desktop:

{
    "react-analyzer-mcp": {
      "command": "node",
      "args": [
        "/Users/azer/code/sandbox/react-analyzer-mcp/build/index.js"
      ]
    }
}

2. Conecte a Claude a su servidor MCP usando Claude Shell.

3. Utilice las herramientas directamente en las conversaciones de Claude:

Analyze my project's React components in the "ui" folder.

O:

What React components do I have in my project?

Ejemplos

Analizando una carpeta de proyecto:

Aporte:

Can you analyze the components in my "foobar" folder?

Producción:

# Components

## Button

### Props

| Prop | Type | Optional | Default |
|------|------|----------|---------|
| `variant` | `string` | ✓ | `primary` |
| `size` | `string` | ✓ | `md` |
| `onClick` | `function` | ✓ | |
...

Licencia

Instituto Tecnológico de Massachusetts (MIT)