Skip to main content
Glama
deenesjakoruzh

webdev-mcp

by fefergrgrgrg
npmGitHub
MIT License
73
15
  • Apple
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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.

bild.png

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.

Deploy Server
A
security – no known vulnerabilities
A
license - permissive license
A
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.

  1. Verwendung
    1. Cursor
    2. Windsurf
  2. Werkzeuge
    1. Tipps

      Related MCP Servers

      • ScreenshotOne MCP Serverofficial

        screenshotone
        A
        security
        -
        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
        33
        31
        MIT License
        • Apple

      • PyMCPAutoGUI

        kitfactory
        -
        security
        -
        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 -
        10
        MIT License
        • Apple
        • Linux

      • webdev-mcp

        zueai
        A
        security
        -
        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
        73
        10

      • PuppeteerMCP Server

        hushaudio
        A
        security
        -
        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
        26
        7

      View all related MCP servers

      New MCP Servers

      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/fefergrgrgrg/webdev-mcp'

      If you have feedback or need assistance with the MCP directory API, please join our Discord server