使用 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