visual-debugger
✓Interactive visual debugging using Playwright browser automation. Use when asked to visually inspect websites/apps, test UI elements, verify button functionality, check responsive design, debug layout issues, monitor console errors, or perform any browser-based visual testing. Common triggers include requests to check if buttons work, verify page loading, test forms, inspect elements, debug pages, navigate to URLs and verify behavior, or any request involving visual browser inspection and testing.
Installation
SKILL.md
Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.
Before using this skill, verify Playwright MCP tools are available:
Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.
Interactive visual debugging using Playwright browser automation. Use when asked to visually inspect websites/apps, test UI elements, verify button functionality, check responsive design, debug layout issues, monitor console errors, or perform any browser-based visual testing. Common triggers include requests to check if buttons work, verify page loading, test forms, inspect elements, debug pages, navigate to URLs and verify behavior, or any request involving visual browser inspection and testing. Source: jarrodmedrano/jarrod-claude-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is visual-debugger?
Interactive visual debugging using Playwright browser automation. Use when asked to visually inspect websites/apps, test UI elements, verify button functionality, check responsive design, debug layout issues, monitor console errors, or perform any browser-based visual testing. Common triggers include requests to check if buttons work, verify page loading, test forms, inspect elements, debug pages, navigate to URLs and verify behavior, or any request involving visual browser inspection and testing. Source: jarrodmedrano/jarrod-claude-skills.
How do I install visual-debugger?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jarrodmedrano/jarrod-claude-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01