webdev-mcp
便利な Web 開発ツールを提供する MCP サーバー。
使用法
カーソル
プロジェクトにインストールするには、MCP サーバーを
.cursor/mcp.json
に追加します。
グローバルにインストールするには、カーソル設定に次のコマンドを追加します。
ウィンドサーフィン
MCP サーバーを
~/.codeium/windsurf/mcp_config.json
ファイルに追加します。
ツール
現在、利用可能なツールはtakeScreenshot
とlistScreens
2つだけです。エージェントは list screens ツールを使用して、スクリーンショットを撮りたい画面の画面IDを取得できます。
このツールは、スクリーンショットを base64 でエンコードされた文字列として返します。
ヒント
最適なエクスペリエンスを得るには、カーソル設定でYOLOモードがオンになっていること、MCPツール保護がオフになっていることを確認してください。macOSでは、カーソルによる画面録画を許可する必要があるかもしれません。
local-only server
The server can only run on the client's local machine because it depends on local resources.
AI エージェントがユーザーの画面のスクリーンショットを撮影して操作できるようにする画面キャプチャ機能などの Web 開発ツールを提供する MCP サーバー。
Related MCP Servers
- AsecurityAlicenseAqualityAn 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 -1031MIT License
- -securityAlicense-qualityAn MCP server that bridges AI agents with GUI automation capabilities, allowing them to control mouse, keyboard, windows, and take screenshots to interact with desktop applications.Last updated -9MIT License
- AsecurityFlicenseAqualityAn MCP server that provides web development tools including taking screenshots of screens, enabling AI agents to capture and analyze visual content during development.Last updated -2359
- AsecurityFlicenseAqualityAn 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 -1257