visual-debugger
Visual Debugger
Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.
Core Capabilities
This skill enables:
- Element inspection - Check visibility, rendering, and positioning of UI elements
- Interactive testing - Click buttons, fill forms, test user flows
- Responsive design validation - Test across viewport sizes
- Console monitoring - Capture JavaScript errors and warnings
- Authentication support - Handle login flows and authenticated sessions
Prerequisites
Before using this skill, verify Playwright MCP tools are available:
More from jarrodmedrano/jarrod-claude-skills
threejs-scene-builder
Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game".
69guitar-fretboard-mastery
>
39game-feel
>
24game-design-theory
>
23guitar-fretboard
Create interactive guitar fretboard visualizations for scales, chords, CAGED system, triads, intervals, and note positions. Use this skill when users ask to build guitar learning tools, visualize scales/modes/pentatonics on the fretboard, show chord shapes, display CAGED patterns, create interval diagrams, or build any guitar theory visualization as React artifacts. Supports standard tuning, custom tunings, and comprehensive music theory for guitar.
20frontend-performance-reviewer
Use when reviewing React/frontend code for performance issues, before optimization work, when page load is slow (>3s), when users report UI lag, or when preparing production deployments requiring performance validation
17