create-react-appLABSCO SUMMARY
The dev loop, including the processes that stay alive.
Most file-editing servers stop at the write; this one keeps the dev server running and lets you read its output, which is where React build errors actually appear. It also runs arbitrary terminal commands, so point it at a project directory you are willing to hand over.
What it is
A server that hands a client a React development environment: create an application, run it, edit its files, install packages, run terminal commands, and manage the processes those commands start.
What you get
- A new React application created, optionally from a template, and its dev server started (create-react-app, run-react-app)
- Project files read and edited (read-file, edit-file)
- npm packages installed into the project (install-package)
- Arbitrary terminal commands executed (run-command)
- Long-running processes tracked, their output read as it arrives, and stopped when finished with (list-processes, get-process-output, stop-process)
- JSON and text logs of what ran, with timestamps
Requirements
Node, with the server started from a local checkout by absolute path to index.js. Automatic installation through Smithery is also documented.
Setup effort
One command — npx -y @smithery/cli install @Streen9/react-mcp --client claude
USE CASES
01
Starting a React project from nothing
Create the app, add the packages it needs, and bring the dev server up.
02
Seeing what the dev server is complaining about
Read the running process's output instead of asking for a copy-paste of the terminal.
03
Making a change and watching it compile
Edit the component, then read the server output that follows.
04
Adding a library mid-session
Install the package and run whatever build step it needs.
05
Shutting down what you started
List what is still running and stop it by process.
10 tools
Listed in project docs. Your client may show a different list.
run-react-apprun-commandget-process-outputstop-processlist-processesedit-fileread-fileinstall-packagecheck-installation-statusBEFORE YOU INSTALL
What to know first
Tools you get
10 tools named in the project's documentation.
Requires
npx on PATH
Where it runs
The documented client runs the server on your machine.
INSTALLATION
Connect your client
Server setup
TERMINAL
npx -y @smithery/cli install @Streen9/react-mcp --client claudeMCP Clients
Claude Desktop
CLAUDE DESKTOP · JSON
{
"mcpServers": {
"react-mcp": {
"command": "node",
"args": [
"C:<YOUR_CLONE>/react-mcp/index.js"
]
}
}
}
