react-analyzer-mcp

by azer

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

  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" ] } }
  1. Conecte a Claude a su servidor MCP usando Claude Shell.
  2. 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)

-
security - not tested
-
license - not tested
-
quality - not tested
  • Analiza tus proyectos de reacción localmente
  • Salida consistente con análisis AST + IA
  • Crea documentos de Markdown, llm.txt para tu código de reacción a la vez
  1. Qué hace
    1. Herramientas disponibles
      1. Instalación
        1. Usando con Claude
          1. Ejemplos
            1. Analizando una carpeta de proyecto:
          2. Licencia

            Related MCP Servers

            • -
              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
            • 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
            • -
              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
            • -
              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