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 с использованием инструментов Chrome DevTools MCP для визуального регрессионного тестирования, адаптивной проверки точек останова и отладки макета CSS. Используйте этот навык всякий раз, когда пользователь просит «проверить страницу», «проверить точки останова», «проверить адаптивный макет», «проверить качество этой страницы», «проверить CSS в разных окнах просмотра», «проверить ошибки макета», «проверить исправление» или хочет визуально проверить веб-страницу при определенной ширине области просмотра. Также срабатывает, когда пользователь предоставляет URL-адрес и просит сделать снимки экрана, сравнить макеты или проверить размеры элемента. Работает с любым сеансом браузера, подключенным к Chrome DevTools MCP, на локальном хосте или в промежуточной среде. Источник: delexw/claude-code-misc.