Webentwicklung-MCP

Ein MCP-Server, der nützliche Tools zur Webentwicklung bereitstellt.

Verwendung

Cursor

Um die Installation in einem Projekt durchzuführen, fügen Sie den MCP-Server zu Ihrer .cursor/mcp.json hinzu:

{
	"mcpServers": {
		"webdev": {
			"command": "npx",
			"args": ["webdev-mcp"],

		}
	}
}

Um eine globale Installation durchzuführen, fügen Sie diesen Befehl zu Ihren Cursoreinstellungen hinzu:

npx webdev-mcp

Windsurf

Fügen Sie den MCP-Server zu Ihrer Datei ~/.codeium/windsurf/mcp_config.json hinzu:

{
	"mcpServers": {
		"webdev": {
			"command": "npx",
			"args": ["webdev-mcp"]
		}
	}
}

Werkzeuge

Derzeit sind die einzigen beiden Tools takeScreenshot und listScreens . Ihr Agent kann das Tool „Bildschirme auflisten“ verwenden, um die Bildschirm-ID des Bildschirms abzurufen, von dem er einen Screenshot erstellen möchte.

Das Tool gibt den Screenshot als Base64-codierte Zeichenfolge zurück.

Tipps

Stellen Sie sicher, dass der YOLO-Modus aktiviert und der MCP-Tool-Schutz in Ihren Cursor-Einstellungen deaktiviert ist, um ein optimales Ergebnis zu erzielen. Möglicherweise müssen Sie Cursor erlauben, Ihren Bildschirm unter macOS aufzuzeichnen.

Install Server

HTTP connection URL

security – no known vulnerabilities

license - not found

quality - confirmed to work

How are these scores calculated?

local-only server

The server can only run on the client's local machine because it depends on local resources.

Tools

Ein MCP-Server, der Webentwicklungstools wie Bildschirmaufnahmefunktionen bereitstellt, mit denen KI-Agenten Screenshots des Benutzerbildschirms erstellen und damit arbeiten können.

Related MCP Servers

ScreenshotOne MCP Serverofficial
screenshotone
A
security
A
license
A
quality
An official MCP server implementation that allows AI assistants to capture website screenshots through the ScreenshotOne API, enabling visual context from web pages during conversations.
Last updated -
1
8
21
TypeScript
MIT License
browser-use MCP Server
co-browser
-
security
A
license
-
quality
An MCP server that enables AI assistants to control a web browser through natural language commands, allowing them to navigate websites and extract information via SSE transport.
Last updated -
505
Python
MIT License
Screenshot MCP Server
codingthefuturewithai
-
security
F
license
-
quality
Enables AI tools to capture and process screenshots of a user's screen, allowing AI assistants to see and analyze what the user is looking at through a simple MCP interface.
Last updated -
1
Python
PyMCPAutoGUI
kitfactory
-
security
A
license
-
quality
An MCP server that bridges AI agents with GUI automation capabilities, allowing them to control mouse, keyboard, windows, and take screenshots to interact with desktop applications.
Last updated -
Python
MIT License

View all related MCP servers

webdev-mcp