WebGL Debug Skill

Playwright MCP と Spector.js を使った WebGL デバッグワークフロー。 debug-viewer で VRM の描画問題を調査する際に自動的に使用される。

起動条件

以下のような問題が報告されたときに使用:

• テクスチャが正しく表示されない
• 描画が黒い/白い/おかしい
• シェーダーエラー
• GPU パフォーマンス問題

クイックスタート

# 1. debug-viewer が起動しているか確認
curl -s -o /dev/null -w "%{http_code}" http://localhost:5173/ 2>/dev/null || echo "not running"
# → 200 なら起動済み、それ以外なら以下で起動