brendan-duncanbrendan-duncanCommunityยท1 Agent Skills Included

webgpu_inspector

WebGPU frame capture, inspection, and performance debugging

Captures and analyzes WebGPU frames, exposing the full GPU object graph, command list, shaders, buffers, and validation errors. Ranks render passes by GPU time and flags bottlenecks like redundant state changes, per-frame pipeline creation, and fillrate limits. Eliminates manual guesswork when diagnosing slow frames, dropped frames, and broken draw calls in browser graphics applications.
npx skills add brendan-duncan/webgpu_inspector --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install WebGPU Inspector?โ–ผ

Run `npx skills add brendan-duncan/webgpu_inspector --all -g -y` in your terminal to install the capture analysis skill globally.

How to debug WebGPU performance issues?โ–ผ

Capture a frame with GPU timing enabled, then the skill ranks each render pass by GPU time and identifies whether the frame is CPU-bound, GPU-bound, or fillrate-limited.

What can WebGPU Inspector capture?โ–ผ

It records the full GPU object graph, ordered command list, shaders, buffers, textures, render pass outputs, and validation errors for one or more frames.

Does WebGPU Inspector work with Claude Code?โ–ผ

Yes. It ships as a plugin with an MCP server that lets Claude launch a browser, capture frames, and analyze draws, shaders, and performance problems directly.

Can I inspect WebGPU without modifying my page?โ–ผ

Yes. The browser extension and plugin instrument any page automatically, with no code changes required on the page being analyzed.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’