Skip to main content
Glama

webdev-mcp

by zueai
npmGitHub
TypeScript
287
8
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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.

image.png

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.

Install Server
A
security – no known vulnerabilities
F
license - not found
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

An MCP server that provides web development tools including taking screenshots of screens, enabling AI agents to capture and analyze visual content during development.

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

      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
        4
        28
        TypeScript
        MIT License
        • Apple

      • webdev-mcp

        fefergrgrgrg
        A
        security
        F
        license
        A
        quality
        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.
        Last updated -
        2
        287
        15
        MIT License
        • Apple

      • Webpage Design Analyzer

        yangxt65535
        -
        security
        F
        license
        -
        quality
        An MCP server that analyzes webpage design images using vision models and generates development documentation in Markdown format.
        Last updated -
        Python
        • Linux

      • 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
        135
        7
        JavaScript

      View all related MCP servers

      Appeared in Searches

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

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