Webentwicklung-MCP

Integrations

Provides integration with Codeium through Windsurf, allowing users to add the MCP server to their Windsurf configuration for access to web development tools.
Supports screen recording functionality on macOS, with permissions required to capture screenshots of the user's display for web development purposes.
Recommends using YOLO mode for optimal experience, suggesting the MCP server works best with this feature enabled in Cursor settings.

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.

You must be authenticated.

security – no known vulnerabilities

license - not found

quality - confirmed to work

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
6
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 -
387
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