webdev-mcp

by ZukAi-MCP
53
2
  • Apple

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.

webdev-mcp

An MCP server that provides useful web development tools.

Usage

Cursor

  • To install in a project, add the MCP server to your .cursor/mcp.json:
{ "mcpServers": { "webdev": { "command": "npx", "args": ["webdev-mcp"], } } }
  • To install globally, add this command to your Cursor settings:
npx webdev-mcp

Windsurf

  • Add the MCP server to your ~/.codeium/windsurf/mcp_config.json file:
{ "mcpServers": { "webdev": { "command": "npx", "args": ["webdev-mcp"] } } }

Tools

Currently, the only 2 tools are takeScreenshot and listScreens. Your agent can use the list screens tool to get the screen id of the screen it wants to screenshot.

The tool will return the screenshot as a base64 encoded string.

Tips

Make sure YOLO mode is on and MCP tools protection is off in your Cursor settings for the best experience. You might have to allow Cursor to record your screen on MacOS.

You must be authenticated.

A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

An MCP server providing web development tools such as screen capturing capabilities that let AI agents take and work with screenshots of the user's screen.

  1. Usage
    1. Cursor
    2. Windsurf
  2. Tools
    1. Tips

      Related MCP Servers

      • 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
        • Apple
      • -
        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
        • Apple
      • -
        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
        • Linux
        • Apple
      • -
        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
        • Apple
        • Linux

      View all related MCP servers

      ID: bctdqgwrft