WebGPU Inspector MCP
WebGPU Inspector MCP
一个用于 WebGPU Inspector 的 OpenCode / Model Context Protocol (MCP) 服务器。
它允许 AI 助手驱动 Chrome/Chromium 捕获实时 WebGPU 帧、分析帧性能、检查 WGSL 着色器、缓冲区和纹理,并诊断 WebGPU 渲染问题。
功能
自动化浏览器插桩:通过 CDP 启动 Chromium/Chrome/Edge,并在页面脚本运行之前将 WebGPU Inspector 注入到每个页面。
21 个 MCP 工具:用于浏览器控制、帧捕获、GPU 时间戳分析、实时缓冲区/纹理读取、绘制状态差异比较和着色器检查的工具。
捕获文件分析:无需运行浏览器即可加载和检查
.wgpuc二进制文件或.json录制文件。
Related MCP server: Chrome DevTools MCP
安装
git clone git@github.com:lpenguin/webgpu_inspector_mcp.git
cd webgpu_inspector_mcp
npm installMCP 配置
将服务器添加到你的 opencode.json(或 Claude 桌面配置)中:
{
"mcp": {
"webgpu-inspector": {
"type": "local",
"command": ["node", "/path/to/webgpu_inspector_mcp/index.js"],
"enabled": true,
"environment": {
"WEBGPU_BRIDGE_PORT": "9690",
"WEBGPU_BRIDGE_CAPTURES_DIR": "/path/to/webgpu_inspector_mcp/captures"
}
}
}
}环境变量
所有环境变量都是可选的:
变量 | 默认值 | 描述 |
|
| 存储上传的 |
|
| 本地 HTTP + WebSocket 桥接服务器的端口,被插桩的页面通过该端口连接。如果默认端口已被其他会话占用,桥接服务器会自动回退到操作系统分配的空闲端口。 |
|
| 本地桥接服务器的绑定地址。 |
| (自动检测) | Google Chrome、Chromium 或 Microsoft Edge 的自定义二进制路径。如果省略,则自动检测标准系统路径。 |
| (无) | 被插桩页面连接到桥接服务器所需的可选身份验证令牌。 |
| (捆绑) | 自定义 |
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
Live browser debugging for AI assistants — DOM, console, network via MCP.
Headless browser primitives for AI agents when sites need real JS rendering.
SEO & marketing toolkit for AI agents: GA4, Search Console, AdSense, GTM, PageSpeed, Trends.
A paid remote MCP for AI agent browser DevTools MCP, built to return verdicts, receipts, usage logs,
Related MCP Servers
- AlicenseNot gradedqualityAmaintenanceEnables AI coding assistants to control and inspect a live Chrome browser through Chrome DevTools. Provides browser automation, performance analysis, debugging capabilities, and network request monitoring.3,288,16550,162Apache 2.0
- AlicenseAqualityCmaintenanceEnables AI coding assistants to control and inspect a live Chrome browser for automation, debugging, performance analysis, and screenshot capture through Chrome DevTools.263,288,1653Apache 2.0
- AlicenseNot gradedqualityDmaintenanceEnables AI coding assistants to control and inspect a live Chrome browser for automation, debugging, performance analysis, network monitoring, and DOM interaction through Chrome DevTools Protocol.3,288,165Apache 2.0
- -licenseNot gradedqualityNot gradedmaintenanceEnables AI coding assistants to control and inspect a live Chrome browser for automated debugging, performance analysis, and web interaction. It leverages Puppeteer and Chrome DevTools to provide capabilities like network monitoring, console logging, and automated browser actions.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/lpenguin/webgpu_inspector_mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server