visual-debugger
✓Interaktives visuelles Debugging mithilfe der Playwright-Browserautomatisierung. Verwenden Sie es, wenn Sie dazu aufgefordert werden, Websites/Apps visuell zu prüfen, UI-Elemente zu testen, die Schaltflächenfunktionalität zu überprüfen, Responsive Design zu überprüfen, Layoutprobleme zu debuggen, Konsolenfehler zu überwachen oder browserbasierte visuelle Tests durchzuführen. Zu den häufigsten Auslösern gehören Anfragen, um zu überprüfen, ob Schaltflächen funktionieren, das Laden von Seiten zu überprüfen, Formulare zu testen, Elemente zu prüfen, Seiten zu debuggen, zu URLs zu navigieren und das Verhalten zu überprüfen, oder jede Anfrage, die eine visuelle Browser-Inspektion und -Tests beinhaltet.
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.
Interaktives visuelles Debugging mithilfe der Playwright-Browserautomatisierung. Verwenden Sie es, wenn Sie dazu aufgefordert werden, Websites/Apps visuell zu prüfen, UI-Elemente zu testen, die Schaltflächenfunktionalität zu überprüfen, Responsive Design zu überprüfen, Layoutprobleme zu debuggen, Konsolenfehler zu überwachen oder browserbasierte visuelle Tests durchzuführen. Zu den häufigsten Auslösern gehören Anfragen, um zu überprüfen, ob Schaltflächen funktionieren, das Laden von Seiten zu überprüfen, Formulare zu testen, Elemente zu prüfen, Seiten zu debuggen, zu URLs zu navigieren und das Verhalten zu überprüfen, oder jede Anfrage, die eine visuelle Browser-Inspektion und -Tests beinhaltet. Quelle: jarrodmedrano/jarrod-claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist visual-debugger?
Interaktives visuelles Debugging mithilfe der Playwright-Browserautomatisierung. Verwenden Sie es, wenn Sie dazu aufgefordert werden, Websites/Apps visuell zu prüfen, UI-Elemente zu testen, die Schaltflächenfunktionalität zu überprüfen, Responsive Design zu überprüfen, Layoutprobleme zu debuggen, Konsolenfehler zu überwachen oder browserbasierte visuelle Tests durchzuführen. Zu den häufigsten Auslösern gehören Anfragen, um zu überprüfen, ob Schaltflächen funktionieren, das Laden von Seiten zu überprüfen, Formulare zu testen, Elemente zu prüfen, Seiten zu debuggen, zu URLs zu navigieren und das Verhalten zu überprüfen, oder jede Anfrage, die eine visuelle Browser-Inspektion und -Tests beinhaltet. Quelle: jarrodmedrano/jarrod-claude-skills.
Wie installiere ich visual-debugger?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/jarrodmedrano/jarrod-claude-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01