debug-agent

Debug web applications and MCP tools using Playwright browser automation.

3|2|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/dSchulenburg/claude-skills --skill debug-agent-dschulenburg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: debug-agent
Source: https://github.com/dSchulenburg/claude-skills/tree/main/debug-agent
Command: npx skills add https://github.com/dSchulenburg/claude-skills --skill debug-agent-dschulenburg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the debugging of web applications and MCP tools by providing automated browser testing, visual verification, and interactive debugging capabilities.

Core Features & Use Cases

  • Playwright Automation: Leverages Playwright for browser navigation, element interaction, and screenshotting.
  • End-to-End Testing: Automates testing scenarios for web UIs, ensuring functionality across different platforms.
  • Visual Verification: Captures screenshots to identify and document visual bugs or confirm successful fixes.
  • Error Detection: Checks browser console logs and network requests for JavaScript errors and API failures.

Quick Start

Use the debug-agent skill to navigate to https://moodle.dirk-schulenburg.net and take a screenshot of the page.

Frequently Asked Questions about debug-agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug web applications using Playwright automation?

Debug web applications using Playwright by automating browser navigation, interacting with elements, and capturing screenshots to identify and document visual bugs or confirm fixes.

Can I run end-to-end testing for platforms like Moodle, WordPress, and n8n?

Yes, you can run end-to-end testing for Moodle, WordPress, and n8n by automating testing scenarios across these web UIs to ensure functionality and capture evidence of bugs.

How does visual verification work for identifying UI bugs?

Visual verification captures screenshots during browser automation to identify and document visual bugs in web UIs, providing clear evidence of issues or confirming successful fixes.

What is the best way to detect JavaScript errors and API failures during web debugging?

Detect JavaScript errors and API failures by checking browser console logs and monitoring network requests during automated Playwright test scenarios to ensure API call correctness.

Does this debugging approach work with MCP tools?

Yes, this approach provides specialized debugging for MCP tools using Playwright browser automation, facilitating interactive debugging and ensuring API call correctness for these tools.