使用 Chrome DevTools MCP 工具进行 QA Web 测试技能，以进行视觉回归测试、响应式断点验证和 CSS 布局调试。每当用户要求“测试页面”、“检查断点”、“验证响应式布局”、“质量检查此页面”、“在不同视口测试 CSS”、“检查布局错误”、“验证修复”或想要以特定视口宽度直观地检查网页时，请使用此技能。当用户提供 URL 并要求截取屏幕截图、比较布局或检查元素尺寸时也会触发。适用于本地主机或临时环境上任何 Chrome DevTools MCP 连接的浏览器会话。
通过命令行快速安装 qa-web-test AI 技能到你的开发环境
来源：delexw/claude-code-misc。
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.
使用 Chrome DevTools MCP 工具进行 QA Web 测试技能，以进行视觉回归测试、响应式断点验证和 CSS 布局调试。每当用户要求“测试页面”、“检查断点”、“验证响应式布局”、“质量检查此页面”、“在不同视口测试 CSS”、“检查布局错误”、“验证修复”或想要以特定视口宽度直观地检查网页时，请使用此技能。当用户提供 URL 并要求截取屏幕截图、比较布局或检查元素尺寸时也会触发。适用于本地主机或临时环境上任何 Chrome DevTools MCP 连接的浏览器会话。 来源：delexw/claude-code-misc。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test使用 Chrome DevTools MCP 工具进行 QA Web 测试技能，以进行视觉回归测试、响应式断点验证和 CSS 布局调试。每当用户要求“测试页面”、“检查断点”、“验证响应式布局”、“质量检查此页面”、“在不同视口测试 CSS”、“检查布局错误”、“验证修复”或想要以特定视口宽度直观地检查网页时，请使用此技能。当用户提供 URL 并要求截取屏幕截图、比较布局或检查元素尺寸时也会触发。适用于本地主机或临时环境上任何 Chrome DevTools MCP 连接的浏览器会话。 来源：delexw/claude-code-misc。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/delexw/claude-code-misc