Provides Model Context Protocol tools for web development, enabling screen listing and screenshot capture with base64 encoding to enhance development workflows and agent capabilities.
Unlock the full potential of webdev-mcp through LangDB's AI Gateway. Get enterprise-grade security, analytics, and seamless integration with zero configuration.
Free tier available • No credit card required
An MCP server that provides useful web development tools.
.cursor/mcp.json
:{ "mcpServers": { "webdev": { "command": "npx", "args": ["webdev-mcp"], } } }
npx webdev-mcp
~/.codeium/windsurf/mcp_config.json
file:{ "mcpServers": { "webdev": { "command": "npx", "args": ["webdev-mcp"] } } }
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
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.
Discover shared experiences
Shared threads will appear here, showcasing real-world applications and insights from the community. Check back soon for updates!