analizador de reacción mcp

Name: react-analyzer-mcp
Author: azer

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

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" ] } }

Conecte a Claude a su servidor MCP usando Claude Shell.
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` | ✓ | | ...