qa-web-test

Automate visual QA testing of web pages using Chrome DevTools MCP tools. Connects to an already-running Chrome browser session, navigates to pages, emulates viewports, takes screenshots, and inspects CSS properties to catch responsive layout bugs.

After connecting to the browser and navigating to the target URL, always hard-refresh the page and clear the cache before any testing:

Then wait for the page to fully reload before proceeding.

QA-Webtestfähigkeiten mit Chrome DevTools MCP-Tools für visuelle Regressionstests, responsive Haltepunktvalidierung und CSS-Layout-Debugging. Verwenden Sie diese Fertigkeit immer dann, wenn der Benutzer „eine Seite testen“, „Haltepunkte prüfen“, „responsives Layout überprüfen“, „diese Seite einer Qualitätssicherung unterziehen“, „CSS in verschiedenen Ansichtsfenstern testen“, „auf Layoutfehler prüfen“, „die Fehlerbehebung überprüfen“ möchte oder eine Webseite bei bestimmten Ansichtsfensterbreiten visuell überprüfen möchte. Wird auch ausgelöst, wenn der Benutzer eine URL angibt und darum bittet, Screenshots zu machen, Layouts zu vergleichen oder Elementabmessungen zu überprüfen. Funktioniert mit jeder über Chrome DevTools MCP verbundenen Browsersitzung auf Localhost oder Staging-Umgebungen. Quelle: delexw/claude-code-misc.