claudeskills DocsWebapp Testing Skill - Browser-Tests mit Claude
Der Webapp-Testing-Skill lässt Claude per Playwright den Browser steuern: Klick-Flows, Screenshots, Debugging - die komplette SKILL.md erklärt.
Quelle: Inhalte adaptiert aus anthropics/skills (MIT). Zuletzt synchronisiert am 8. Juli 2026, Stand des Upstream-Updates vom 20. April 2026.
Überblick
Die offizielle Beschreibung: "Toolkit for interacting with and testing local web applications using Playwright: verifying frontend functionality, debugging UI behavior, capturing screenshots, viewing browser logs."
So funktioniert der Skill
Die SKILL.md ist um einen Entscheidungsbaum organisiert: Claude wählt zuerst den passenden Ansatz (statisches HTML vs. laufender Dev-Server vs. bereits laufende App) und folgt dann dem Muster Reconnaissance-then-Action - erst Elemente und Zustand erkunden, dann handeln. Dokumentiert sind außerdem der häufigste Stolperstein (Aktionen, bevor die Seite stabil ist) und Best Practices für robuste Automatisierung.
Das zentrale Utility ist scripts/with_server.py: startet den Dev-Server, wartet bis er bereit ist, führt die Playwright-Interaktion aus und räumt sauber auf.
Was im Skill-Ordner steckt
scripts/with_server.py- Server-Lifecycle-Wrapper für Testsexamples/static_html_automation.py- statische Seiten steuernexamples/element_discovery.py- das Reconnaissance-Muster als Codeexamples/console_logging.py- Browser-Logs erfassenSKILL.md,LICENSE.txt
Erkenntnisse für eigene Skills
- Entscheidungsbäume an den Anfang: Claude früh zum richtigen Teil-Workflow zu routen verhindert die meisten Tool-Fehlgriffe.
- Lauffähige Beispiele (drei Skripte) lehren schneller als API-Doku.
Auf GitHub ansehen
MCP Builder - Claude Skill zum Erstellen von MCP-Servern
Wie der MCP-Builder-Skill Claude beim Aufbau von Model-Context-Protocol-Servern hilft: Tools definieren, Evaluierungs-Suites schreiben - die komplette SKILL.md erklärt.
Mitverfassen von Dokumenten
Führen Sie Benutzer durch einen strukturierten Workflow für die gemeinsame Erstellung von Dokumentationen. Verwenden Sie diese Option, wenn der Benutzer Dokumentationen, Vorschläge, technische Spezifikationen, Entscheidungsdokumente oder ähnliche strukturierte Inhalte schreiben möchte. Dieser Workflow hilft Benutzern, Kontext effizient zu übertragen, Inhalte durch Iteration zu verfeinern und zu überprüfen, ob das Dokument für Leser funktioniert. Wird ausgelöst, wenn der Benutzer das Schreiben von Dokumenten, das Erstellen von Vorschlägen, das Entwerfen von Spezifikationen oder ähnliche Dokumentationsaufgaben erwähnt.