·qa-web-test
</>

qa-web-test

✓
delexw/claude-code-miscGitHub: delexw/claude-code-miscSource: delexw/claude-code-misc

QA web testing skill using Chrome DevTools MCP tools for visual regression testing, responsive breakpoint validation, and CSS layout debugging. Use this skill whenever the user asks to "test a page", "check breakpoints", "verify responsive layout", "QA this page", "test CSS at different viewports", "check for layout bugs", "verify the fix", or wants to visually inspect a web page at specific viewport widths. Also triggers when the user provides a URL and asks to take screenshots, compare layouts, or inspect element dimensions. Works with any Chrome DevTools MCP-connected browser session on localhost or staging environments.

delexw·qa·web·test
20Installs·1Trend·@delexw

Installation

GitHub: delexw/claude-code-misc
$npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test

How to Install qa-web-test

Quickly install qa-web-test AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: delexw/claude-code-misc.

SKILL.md

View raw

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 web testing skill using Chrome DevTools MCP tools for visual regression testing, responsive breakpoint validation, and CSS layout debugging. Use this skill whenever the user asks to "test a page", "check breakpoints", "verify responsive layout", "QA this page", "test CSS at different viewports", "check for layout bugs", "verify the fix", or wants to visually inspect a web page at specific viewport widths. Also triggers when the user provides a URL and asks to take screenshots, compare layouts, or inspect element dimensions. Works with any Chrome DevTools MCP-connected browser session on localhost or staging environments. Source: delexw/claude-code-misc.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test
Source
delexw/claude-code-misc
Category
</>Dev Tools
Verified
✓
First Seen
2026-03-09
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/delexw/claude-code-misc/qa-web-test

Browse more skills from delexw/claude-code-misc

Quick answers

What is qa-web-test?

QA web testing skill using Chrome DevTools MCP tools for visual regression testing, responsive breakpoint validation, and CSS layout debugging. Use this skill whenever the user asks to "test a page", "check breakpoints", "verify responsive layout", "QA this page", "test CSS at different viewports", "check for layout bugs", "verify the fix", or wants to visually inspect a web page at specific viewport widths. Also triggers when the user provides a URL and asks to take screenshots, compare layouts, or inspect element dimensions. Works with any Chrome DevTools MCP-connected browser session on localhost or staging environments. Source: delexw/claude-code-misc.

How do I install qa-web-test?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/delexw/claude-code-misc

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-03-09

Related Skills

pagerduty-oncall
41 Installs
meta-prompter
40 Installs
pir
39 Installs
figma-reader
37 Installs
datadog-analyser
36 Installs
jira-ticket-viewer
35 Installs