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.
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` | ✓ | |
...
Licencia
Instituto Tecnológico de Massachusetts (MIT)