https://github.com/zueai/webdev-mcp
https://github.com/zueai/webdev-mcp
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/zueai/webdev-mcp
- Owner: zueai
- Created: 2025-04-23T14:08:12.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-23T14:36:16.000Z (about 2 months ago)
- Last Synced: 2025-05-01T17:06:22.931Z (about 2 months ago)
- Language: TypeScript
- Size: 133 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- mcp-index - Web Development Tools Server - Provides web development tools for capturing screenshots and listing available screens as base64 encoded strings for further processing or analysis. (Developer Tools)
README
# 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`:
```json
{
"mcpServers": {
"webdev": {
"command": "npx",
"args": ["webdev-mcp"],
}
}
}
```
- To install globally, add this command to your Cursor settings:
```bash
npx webdev-mcp
```
### Windsurf
- Add the MCP server to your `~/.codeium/windsurf/mcp_config.json` file:
```json
{
"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.