react-dev-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@react-dev-mcpread App.js from workspace and list its imports"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Safe Filesystem MCP Server
This MCP server gives AI clients a small, controlled set of filesystem tools. It is designed to work only inside folders you explicitly allow.
Tools
read_filewrite_filecreate_filecreate_directoryrename_filedelete_filelist_directorysearch_textreplace_textrun_terminal_command
Related MCP server: ABSD DevOps MCP Server
Project Layout
react-dev-mcp/
config/settings.js # allowed folders, blocked secret names, terminal rules
services/ # file, search, and terminal operations
tools/ # MCP tool registration modules
utils/ # security, logging, and response helpers
logs/server.log # audit log created when tools run
workspace/ # default folder the AI can access
server.js # MCP server entry point
package.jsonSecurity Rules
The important file is config/settings.js.
workspace.allowedDirectories controls what the AI can read, write, rename, delete, and search. By default, this server allows its own workspace folder and D:\Development\Projects.
workspace.blockedNames blocks sensitive names such as .env, .npmrc, and SSH key files even if they are inside an allowed folder.
run_terminal_command has extra safeguards:
runs without a shell, so operators like
;,&,|,<,>, and backticks are rejectedonly runs commands listed in
terminal.allowedCommandsruns only inside an allowed folder
has a timeout and output limit
receives a small environment instead of your full terminal environment
The terminal allowlist includes common React and React Native commands such as git, node, npm, npx, yarn, pnpm, bun, expo, adb, and gradlew. These are powerful because project scripts can run code, so keep client approval enabled for terminal use.
Every tool call is logged to logs/server.log. File contents and replacement text are not written to the log; large/sensitive text inputs are recorded as byte counts.
No MCP server can make a bad AI client trustworthy. The secure pattern is: expose only the project folder you want worked on, keep secrets outside allowed folders, review edits before running them, and keep terminal commands allowlisted.
Install
npm installRun
npm startClaude Desktop Setup
Add this to Claude Desktop's MCP config, then restart Claude Desktop.
{
"mcpServers": {
"safe-filesystem": {
"command": "node",
"args": [
"D:\\Development\\MCP\\react-dev-mcp\\server.js"
]
}
}
}ChatGPT Desktop Or Other MCP Clients
Use the same idea in any MCP client:
command:
nodeargument:
D:\Development\MCP\react-dev-mcp\server.jstransport: stdio
If the client supports per-tool approval, keep approval turned on for write, delete, rename, replace, and terminal tools.
How To Work Safely
Keep this MCP server folder for server code only.
Put files the AI may edit inside
workspaceorD:\Development\Projects, or add another trusted project folder toallowedDirectories.Do not put secrets, private keys, tokens, or production
.envfiles in allowed folders.Connect the server from Claude Desktop, ChatGPT Desktop, or another MCP client.
Ask the AI to use the tools for file work.
Review diffs before running code, committing, or deploying.
Flow
AI client
-> asks for an MCP tool
-> this server validates path, text size, blocked names, and command rules
-> file or terminal action runs only if validation passes
-> result returns to the AI clientThe AI client does not automatically get your full computer through this server. It only gets the tools listed above, and every tool checks the configured safety rules.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/muneeb3778/react-dev-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server