react-analyzer-mcp

react-analyzer-mcp

A Docker-managed MCP server for analyzing React codebases and generating component documentation from mounted workspaces. It enables users to scan projects, analyze JSX/TSX strings directly, and generate Markdown docs while ensuring safe path handling.

Category
Visit Server

README

react-analyzer-mcp

Local Docker-managed MCP server for analyzing React code and generating component docs from a mounted workspace.

This is based on the upstream azer/react-analyzer-mcp, adapted for Docker MCP Toolkit:

  • no hardcoded project root
  • mounted workspace root via Docker MCP config
  • safer path handling for project analysis
  • local image and catalog entry like your other custom MCP servers

Tools

  • analyze-react
    • analyze a JSX or TSX source string directly
  • analyze-project
    • scan a mounted project path and generate markdown docs for components
  • list-projects
    • list top-level directories under the mounted workspace root
  • react-analyzer__server-status
    • show the effective workspace root and whether it is accessible

Build

docker build -t react-analyzer-mcp:latest .

Local Node Build

npm install
npm run build

Direct Docker Run

docker run -i --rm \
  -e REACT_ANALYZER_MCP_WORKSPACE_ROOT=/workspace \
  -v /Users/mwdghaz:/workspace:rw \
  react-analyzer-mcp:latest

Cross-Platform Notes

  • set workspace_root to your real host project root
  • inside the container, the mounted root is always /workspace
  • examples:
    • macOS: /Users/name/project
    • Linux: /home/name/project
    • Windows: C:\\Users\\name\\project

Docker MCP

Import the local catalog:

docker mcp catalog import /Users/mwdghaz/mcp-workspace/react-analyzer-mcp/catalog.yaml

Then configure and enable the server in Docker MCP Toolkit.

The local config template is config.yaml.

Codex / Docker Gateway

This repo can be exposed through the Docker MCP gateway with:

docker mcp gateway run \
  --additional-catalog /Users/mwdghaz/mcp-workspace/react-analyzer-mcp/catalog.yaml \
  --additional-config /Users/mwdghaz/mcp-workspace/react-analyzer-mcp/config.yaml

Notes

  • analyze-project scans .jsx and .tsx files recursively.
  • common heavy folders like node_modules, dist, build, .next, and .git are skipped.
  • paths outside the mounted workspace root are blocked.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured