https://github.com/Streen9/react-mcp
React MCP(모델 컨텍스트 프로토콜)
Claude AI가 Model Context Protocol을 통해 React 애플리케이션과 상호작용할 수 있도록 하는 강력한 서버 구현입니다.
샘플 사용
Related MCP server: MCP-Claude Code Bridge
개요
React MCP는 Claude AI와 React 생태계 사이에 브리지를 제공하여 Claude가 다음을 수행할 수 있도록 합니다.
새로운 React 애플리케이션 만들기
React 개발 서버 실행
파일 및 디렉토리 관리
npm 패키지 설치
터미널 명령 실행
장기 실행 프로세스를 추적하고 관리합니다.
이 서버는 모델 컨텍스트 프로토콜을 구현하여 클로드가 개발 환경에서 실제 작업을 수행할 수 있는 기능을 제공합니다.
특징
React 프로젝트 관리
선택적 템플릿을 사용하여 새로운 React 애플리케이션 만들기
개발 서버 실행
종속성 관리
파일 작업
파일 읽기 및 쓰기
React 구성 요소 및 구성 편집
프로세스 관리
장기 실행 프로세스 시작 및 모니터링
실시간으로 프로세스 출력 추적
필요할 때 프로세스 종료
명령 실행
임의의 터미널 명령 실행
npm 패키지 설치
개발 작업 실행
종합 로깅
자세한 JSON 및 텍스트 로그
타임스탬프를 사용한 프로세스 추적
실행 내역
설치
이 저장소를 복제하세요
종속성 설치:
지엑스피1
용법
claude_desktop_config 에 다음을 추가하세요:
{
"mcpServers": {
"react-mcp": {
"command": "node",
"args": [
"C:/Users/kalip/OneDrive/Desktop/react-mcp/index.js"
]
},
}
}서버는 stdio 전송에서 실행되므로 Desktop Claude APP와 함께 모델 컨텍스트 프로토콜 도구로 사용할 수 있습니다.
사용 가능한 도구
create-react-app
새로운 React 애플리케이션을 만듭니다.
매개변수:
name(필수): React 앱의 이름template(선택 사항): 사용할 템플릿(예: typescript, cra-template-pwa)directory(선택 사항): 앱을 생성할 기본 디렉토리(기본값은 홈 디렉토리)
run-react-app
개발 모드에서 React 애플리케이션을 실행합니다.
매개변수:
projectPath(필수): React 프로젝트 폴더 경로
run-command
터미널 명령을 실행합니다.
매개변수:
command(필수): 실행할 명령directory(선택 사항): 명령을 실행할 디렉토리(기본값은 현재 디렉토리)
get-process-output
실행 중이거나 완료된 프로세스의 출력을 가져옵니다.
매개변수:
processId(필수): 출력을 가져올 프로세스의 ID
stop-process
실행 중인 프로세스를 중지합니다.
매개변수:
processId(필수): 중지할 프로세스의 ID
list-processes
실행 중인 모든 프로세스를 나열합니다.
edit-file
파일을 생성하거나 편집합니다.
매개변수:
filePath(필수): 편집할 파일의 경로content(필수): 파일에 쓸 내용
read-file
파일의 내용을 읽습니다.
매개변수:
filePath(필수): 읽을 파일의 경로
install-package
프로젝트에 npm 패키지를 설치합니다.
매개변수:
packageName(필수): 설치할 패키지의 이름(버전 포함 가능)directory(선택 사항): 프로젝트의 디렉토리(기본값은 현재 디렉토리)dev(선택 사항): 개발 종속성으로 설치할지 여부
check-installation-status
패키지 설치 프로세스의 상태를 확인합니다.
매개변수:
processId(필수): 확인할 설치 프로세스의 ID
벌채 반출
서버는 logs 디렉토리에 자세한 로그를 보관합니다.
react-mcp-logs.json: 구조화된 JSON 로그react-mcp-logs.txt: 사람이 읽을 수 있는 텍스트 로그
건축학
서버는 다음과 같은 주요 구성 요소를 사용합니다.
모델 컨텍스트 프로토콜 SDK : Claude AI와의 통신을 위해
StdioServerTransport : 표준 입출력을 통한 I/O용
Zod : 스키마 검증 및 유형 안전성을 위해
자식 프로세스 : 외부 프로세스 생성 및 관리용
특허
MIT
작가
기여하다
기여를 환영합니다! 풀 리퀘스트를 제출해 주세요.
Available Tools
9 toolscreate-react-appC
Create a new React application
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Name of the React app | |
| template | No | Template to use (e.g., typescript, cra-template-pwa) | |
| directory | No | Base directory to create the app in (defaults to home directory) |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations provided, and the description only says 'Create a new React application' without disclosing behavioral traits (e.g., file creation, dependency installation, destructiveness). This is insufficient for an agent.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Single sentence is concise, but it lacks additional structure or context. It is not overly verbose, but could include more essential info without harming conciseness.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
No output schema, and description does not explain return values or side effects. For a tool that creates files and runs commands, this is incomplete.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so baseline applies. The description adds no meaning beyond the schema, which already describes the parameters. Adequate but not enhanced.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool creates a new React app, which is a specific verb+resource. However, it does not differentiate from sibling tools like run-react-app, but the purpose is clear.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance on when to use this tool versus alternatives like run-react-app or install-package. The description lacks context for selection.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
edit-fileC
Create or edit a file
| Name | Required | Description | Default |
|---|---|---|---|
| content | Yes | Content to write to the file | |
| filePath | Yes | Path to the file to edit |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description should disclose if the file is overwritten, permissions needed, or directory creation behavior. It only states 'create or edit' without details.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a concise single sentence with no wasted words, but it could benefit from slight expansion.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given no output schema and no annotations, the description lacks information on return value, error handling, or behavior for edge cases.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the description adds no extra meaning beyond the schema. Baseline score of 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description 'Create or edit a file' clearly states the action and resource, distinguishing it from siblings like 'read-file' which only reads.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance is provided on when to use this tool versus alternatives, nor when not to use it.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get-process-outputB
Get the output from a running or completed process
| Name | Required | Description | Default |
|---|---|---|---|
| processId | Yes | ID of the process to get output from |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description must disclose behaviors like whether the output includes stdout/stderr, if it blocks, or if it works only for completed processes. It only states 'output from a running or completed process' without specifics.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single sentence that is concise and front-loaded with the purpose. No superfluous information.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple tool with one parameter and no output schema, the description covers the basic purpose but omits critical details like error handling, output format, or whether it requires a process started by a specific sibling tool.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, so the baseline is 3. The description does not augment parameter meaning beyond what the schema already provides (just 'ID of the process').
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description uses a specific verb ('Get') and resource ('output from a process'), clearly differentiating from sibling tools like list-processes, stop-process, or run-command.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance is provided on when to use this tool versus alternatives such as run-command (to start a process) or list-processes (to obtain IDs). The description does not mention prerequisites or context.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
install-packageC
Install a npm package in a project
| Name | Required | Description | Default |
|---|---|---|---|
| dev | No | Whether to install as a dev dependency | |
| directory | No | Directory of the project (defaults to current directory) | |
| packageName | Yes | Name of the package to install (can include version) |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It states the action but doesn't mention permissions needed, side effects (e.g., modifies package.json), error handling, or output format. This leaves significant gaps for a mutation tool.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, clear sentence with zero waste, front-loading the core action. It's appropriately sized for the tool's complexity, making it easy to parse quickly.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a mutation tool with no annotations and no output schema, the description is incomplete. It lacks behavioral details like what happens on success/failure, dependencies, or system impacts, which are crucial for safe and effective use by an AI agent.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, so the schema fully documents all three parameters. The description adds no additional meaning beyond implying installation context, but doesn't compensate for any gaps since there are none. Baseline 3 is appropriate as the schema does the heavy lifting.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('install') and resource ('npm package in a project'), making the purpose immediately understandable. However, it doesn't differentiate from the only sibling tool 'read-file', which is unrelated, so it doesn't need sibling differentiation but could be more specific about what type of installation it performs.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives, prerequisites, or context. It's a standalone statement with no usage instructions, making it unclear if there are other installation methods or constraints.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list-processesA
List all running processes
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description bears full responsibility for disclosing behavior. It clearly indicates a read-only operation (list), which is good, but it omits any details about potential side effects, permissions, or return format. The statement is minimal but not misleading.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single concise sentence with no unnecessary words. It efficiently conveys the tool's purpose without redundancy.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's simplicity, the description covers the basic purpose, but it lacks details about the output format or what information is returned for each process (e.g., PID, name). Without an output schema, this leaves ambiguity for the agent.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has no parameters, so parameter description is not needed. Per guidelines, 0 parameters sets a baseline of 4. The description adds no parameter information, but that is acceptable since none exist.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description explicitly states the verb 'list' and the resource 'running processes', which is specific and unambiguous. It distinguishes from sibling tools like 'get-process-output' and 'stop-process' by focusing on listing all processes rather than retrieving output or stopping them.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage for viewing all running processes, but it does not provide explicit guidance on when to use this tool versus alternatives. It lacks statements like 'Use this when you need to see all processes' or 'Do not use this to interact with a specific process; use get-process-output instead.'
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
read-fileB
Read the contents of a file
| Name | Required | Description | Default |
|---|---|---|---|
| filePath | Yes | Path to the file to read |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It states the action ('Read') but doesn't mention potential side effects (e.g., file locking, permissions required, error handling for missing files, or character encoding issues). For a file operation tool with zero annotation coverage, this leaves significant gaps in understanding how the tool behaves in practice.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, clear sentence that efficiently conveys the core functionality without any wasted words. It is front-loaded with the essential action and resource, making it immediately scannable and easy to understand. Every part of the sentence earns its place by directly contributing to the tool's purpose.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's low complexity (single parameter, no output schema, no annotations), the description is minimally adequate. It covers the basic action but lacks details on behavioral aspects like error conditions or return formats. Without annotations or an output schema, the agent must rely on the description alone, which is insufficient for fully informed usage but meets the bare minimum for a simple read operation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The description adds no parameter-specific information beyond what the input schema already provides. Since schema description coverage is 100% (the 'filePath' parameter is fully documented in the schema), the baseline score of 3 applies. The description doesn't compensate with additional context like path format examples or constraints, but it doesn't need to given the schema's completeness.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('Read') and the target resource ('contents of a file'), making the purpose immediately understandable. It doesn't differentiate from the sibling tool 'install-package', but since these tools serve completely different domains (file operations vs package management), explicit differentiation isn't necessary for clarity. The description avoids tautology by specifying what is being read rather than just restating the tool name.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives or in what context it should be applied. While the sibling tool 'install-package' is unrelated, there's no mention of prerequisites, file system constraints, or typical use cases. The agent must infer usage purely from the tool name and description without explicit direction.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
run-commandC
Run a terminal command
| Name | Required | Description | Default |
|---|---|---|---|
| command | Yes | Command to execute | |
| directory | No | Directory to run the command in (defaults to current directory) |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, and the description does not disclose side effects, permissions, error behavior, or what happens to the terminal session. The minimal description fails to add necessary transparency beyond the bare purpose.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Single sentence, no wasted words. However, it could be slightly more informative without becoming verbose, so not a perfect 5.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a command-runner with security implications and no output schema, the description lacks completeness. No mention of return values, error handling, or prerequisites relative to siblings. Schema richness is low, so description should compensate but does not.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100% with both parameters having descriptions ('Command to execute' and 'Directory to run the command in'). The tool description adds no additional meaning beyond the schema, so baseline 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Description states 'Run a terminal command', which is clear in verb and resource but lacks specificity about the type of command (e.g., shell command). It does not differentiate from siblings like 'get-process-output' or 'install-package', which also involve running commands.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance on when to use this tool versus siblings (e.g., run-react-app for starting an app, install-package for package installation). The description provides no context for selection.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
run-react-appC
Run a React application in development mode
| Name | Required | Description | Default |
|---|---|---|---|
| projectPath | Yes | Path to the React project folder |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description must disclose behavioral traits. It only states the action, without mentioning side effects like port usage, blocking behavior, or how to stop the process. This is insufficient for safe invocation.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is too brief for a tool that runs a development server. It saves space but at the cost of essential context. A single sentence is insufficient.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the complexity of running a React app (dev server, possible browser launch, process lifecycle), the description omits many details. It assumes prior knowledge and does not cover return values or post-conditions.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, so the description adds no value beyond the schema's parameter description. The description repeats the schema's meaning without elaboration on path requirements.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the action ('Run') and resource ('React application') with a specific mode ('development mode'). It distinguishes from siblings like create-react-app (create) and run-command (generic).
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance on when to use this tool versus alternatives (e.g., run-command for non-React projects) or prerequisites (e.g., dependencies installed). The description lacks explicit exclusions or context.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
stop-processB
Stop a running process
| Name | Required | Description | Default |
|---|---|---|---|
| processId | Yes | ID of the process to stop |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Without annotations, the description carries full burden. It only states 'stop' but omits details like signal used, whether it is forceful or graceful, and any side effects. This lacks necessary transparency.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single sentence that is clear and to the point. However, it may be too terse given the lack of annotations.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple tool, the description is minimal. It does not explain what happens to process output, logs, or child processes. More context is needed for completeness.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% with a description for processId. The description adds no extra meaning beyond the schema, meeting the baseline expectation.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description 'Stop a running process' clearly states the action (stop) and the resource (a running process). It distinguishes from sibling tools like 'list-processes' and 'get-process-output' by indicating a different operation.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No guidance on when to use this tool versus alternatives, such as how it compares to killing a process or whether it performs a graceful shutdown. No prerequisites or exclusions are mentioned.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
9 tool updates
v1.0.0- First observed
create-react-app - First observed
edit-file - First observed
get-process-output - First observed
install-package - First observed
list-processes - First observed
read-file - First observed
run-command - First observed
run-react-app - First observed
stop-process
TDQS
Scored across 9 tools
Tools are mostly distinct: process management (list, stop, get output), file operations (read/edit), and React-specific actions (create/run app) are clearly separated. However, 'run-react-app' and generic 'run-command' could be confused if an agent doesn't read descriptions, and 'run-command' overlaps slightly with the dev server startup.
All tools follow a consistent verb_noun snake_case pattern (e.g., stop-process, create-react-app, list-processes). No deviations or mixed conventions, making the naming predictable and intuitive.
With 9 tools, the server covers the core React development workflow (create, run, manage processes, edit files, install packages) without redundancy. Each tool serves a clear purpose and the count is well within the ideal 3-15 range.
The toolset covers the essential React development lifecycle: project creation, dev server management, file editing, package installation, and process monitoring. Minor gaps like build/test commands or file deletion are missing but agents can work around them using run-command or edit-file.
Maintenance
Related MCP Connectors
An agent-first office suite Claude & ChatGPT read and write over one MCP URL.
One message in, a full agentic application out: website and MCP app, live. Built from any AI client.
One MCP endpoint for Claude, GPT & Gemini: 100+ tools + no-code connectors + agent workers.
- MaShop MCPOAuthapp.mashop
Build, deploy and manage MaShop e-commerce projects from Claude, Cursor or any MCP client.
Related MCP Servers
- FlicenseNot gradedqualityDmaintenanceIntegration project for Model Context Protocol (MCP) servers with Claude Desktop App, enabling filesystem operations, development support, and file management through natural language.-
- FlicenseBqualityDmaintenanceBridges Claude Desktop with Claude Code CLI to delegate complex coding tasks like creating React apps, building APIs, and debugging scripts while maintaining interaction through the Desktop interface.51-
- AlicenseBqualityDmaintenanceGenerates React Native/Expo UI components using AI, integrates with Claude Desktop to create and optimize Tamagui-based components via natural language commands.62MIT
- AlicenseNot gradedqualityCmaintenanceA Todo app leveraging MCP Apps to provide interactive UI within conversations, allowing users to manage todos via Claude Desktop or Claude Code.MIT