웹 개발-MCP

유용한 웹 개발 도구를 제공하는 MCP 서버입니다.

용법

커서

• 프로젝트에 설치하려면 .cursor/mcp.json 에 MCP 서버를 추가하세요.

지엑스피1

• 글로벌하게 설치하려면 커서 설정에 다음 명령을 추가하세요.

npx webdev-mcp

윈드서핑

• ~/.codeium/windsurf/mcp_config.json 파일에 MCP 서버를 추가합니다.

{
	"mcpServers": {
		"webdev": {
			"command": "npx",
			"args": ["webdev-mcp"]
		}
	}
}

Related MCP server: PuppeteerMCP Server

도구

현재 사용할 수 있는 도구는 takeScreenshot 과 listScreens 두 가지뿐입니다. 에이전트는 listscreens 도구를 사용하여 스크린샷을 찍고 싶은 화면의 화면 ID를 가져올 수 있습니다.

이 도구는 스크린샷을 base64로 인코딩된 문자열로 반환합니다.

팁

최상의 환경을 위해 커서 설정에서 YOLO 모드가 켜져 있고 MCP 도구 보호가 꺼져 있는지 확인하세요. MacOS에서는 커서가 화면을 녹화하도록 허용해야 할 수도 있습니다.