Frequently Asked Questions about webdev-mcp

Q: What is webdev-mcp? A: webdev-mcp is an MCP (Model Context Protocol) server that provides web development tools to AI Agents, specifically screenshot capture and screen listing capabilities.

Q: What is an MCP server? A: An MCP server acts as a bridge, allowing AI models to access and interact with external data sources and tools. It standardizes how applications provide context to LLMs.

Q: How do I install webdev-mcp in Cursor? A: You can install it either globally by adding npx webdev-mcp to your Cursor settings or on a project basis by adding the provided JSON configuration to your .cursor/mcp.json file.

Q: How do I install webdev-mcp in Windsurf? A: Add the provided JSON configuration to your ~/.codeium/windsurf/mcp_config.json file.

Q: What tools does webdev-mcp provide? A: Currently, webdev-mcp provides two tools: takeScreenshot and listScreens.

Q: What format does the takeScreenshot tool return the screenshot in? A: The tool returns the screenshot as a base64 encoded string.

Q: What are the recommended settings for using webdev-mcp in Cursor? A: It’s recommended to enable YOLO mode and disable MCP tools protection in your Cursor settings.

Q: Do I need to grant any special permissions on MacOS to use webdev-mcp? A: Yes, you might need to allow Cursor to record your screen on MacOS.

Q: How does webdev-mcp integrate with UBOS? A: webdev-mcp can be seamlessly integrated into UBOS-powered AI Agent workflows, enabling automation of web development tasks like website monitoring and visual regression testing.

Q: What are some use cases for webdev-mcp? A: Use cases include automated website documentation, visual regression testing, content creation, accessibility testing, and training material generation.