AI-first **WebGL 1/2** debugging MCP server built on Spector.js, designed for Code Agents (Cursor / Claude / Codex) collaborating with [Chrome DevTools MCP](https://github.com/ChromeDevTools/chrome-devtools-mcp).
Skill Claude CodeCodex
Diagnose WebGL black or blank canvases: zero-sized canvas, lost context, missing draws, failed programs, incomplete FBOs, empty viewport/scissor, disabled color mask, or culled geometry. Use when the canvas stays black or empty despite an active WebGL app.
Skill Claude CodeCodex
Diagnose and verify WebGL 1 or WebGL 2 rendering problems using Spector Agent MCP together with Chrome DevTools MCP. Use whenever the user reports a black canvas, missing geometry, shader errors, broken textures, framebuffer issues, WebGL state corruption, context loss, drawElements errors, or WebGL rendering…
Skill Claude CodeCodex
Map WebGL Spector findings to framework-specific fix points for raw WebGL, Three.js, Babylon.js, Mapbox GL, luma.gl, Cesium, and maptalks. Use when the page uses a known engine and stacks point into framework code.
Skill Claude CodeCodex
Debug missing geometry and invalid draw calls: unbound ELEMENTARRAYBUFFER, bad VAO/VBO bindings, disabled attributes, wrong strides, and instancing setup errors. Use for drawElements errors or invisible meshes with valid shaders.
Skill Claude CodeCodex
Goal-driven automated WebGL debugging loop using spector-agent MCP + chrome-devtools-mcp. Use when the user provides a page URL and a visual/functional goal (e.g. green triangle, fix black screen) and expects capture → diagnose → edit code → verify.
Skill Claude CodeCodex
Investigate WebGL performance regressions using capture summaries, draw-call counts, redundant state changes, and per-frame texture uploads. Use when FPS drops, stutter appears after a change, or Spector reports performance findings.
Skill Claude CodeCodex
Debug WebGL shader compile and program link failures for GLSL ES 1.00 and 3.00, including varying/attribute mismatches, precision issues, and WebGL1/WebGL2 version confusion. Use when console or Spector reports shader/program errors or draws have no valid program.
Skill Claude CodeCodex
Find WebGL state leaks across passes: depthMask, colorMask, blend, cull, stencil, scissor, and viewport pollution that breaks later draws. Use when enabling one layer/effect makes another disappear or change incorrectly.
Skill Claude CodeCodex
Diagnose incomplete textures, WebGL1 NPOT restrictions, missing mipmaps, and incomplete or mismatched framebuffers. Use when sampling is black, FBO draws fail, or Spector reports texture/framebuffer findings.
Skill Claude CodeCodex
Verify a WebGL fix with identical reproduction steps, a second Spector capture, capture diff, screenshots, and console checks. Use after applying a fix or when the user asks to confirm a rendering bug is resolved.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: