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 - permissive license

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
2
29
TypeScript
MIT License
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 -
8
Python
MIT License
webdev-mcp
zueai
A
security
F
license
A
quality
An MCP server that provides web development tools including taking screenshots of screens, enabling AI agents to capture and analyze visual content during development.
Last updated -
2
678
8
TypeScript
PuppeteerMCP Server
hushaudio
A
security
F
license
A
quality
An MCP server that enables AI assistants to capture and analyze web page screenshots using Puppeteer, supporting multi-breakpoint captures, error reporting, and page interactions.
Last updated -
1
31
7
JavaScript

View all related MCP servers

webdev-mcp