viewpo-mcp
Provides AI assistants with visual feedback for responsive web design by capturing screenshots and extracting DOM layout data through the Viewpo macOS app. It enables automated UI verification and responsive behavior comparison across multiple viewport breakpoints.
検索とWebスクレイピング
npm 0 プラットフォーム
0 機能
インストール
npx -y viewpo-mcp
上記の設定をMCPクライアントの設定ファイル（Claude Desktop は claude_desktop_config.json）に追記し、クライアントを再起動してください。
{
"mcpServers": {
"viewpo-mcp": {
"command": "npx",
"args": [
"-y",
"viewpo-mcp"
],
"env": {
"VIEWPO_PORT": "<VIEWPO_PORT>",
"VIEWPO_AUTH_TOKEN": "<VIEWPO_AUTH_TOKEN>"
}
}
}
}上記の設定をMCPクライアントの設定ファイル（Claude Desktop は claude_desktop_config.json）に追記し、クライアントを再起動してください。
出典：公開されているMCPサーバーカタログ。当サイトは独立した第三者ディレクトリであり、各MCPサーバーの提供元との提携や推奨関係はありません。
