什麼是 playwright-tab-comparison?
打开多个浏览器选项卡并跨页面比较内容、行为或视觉外观。在比較臨時與生產、A/B 測試頁面變體、測試跨瀏覽器一致性、驗證內容奇偶性或分析多個 URL 之間的差異時使用。觸發短語包括「比較這些頁面」、「開啟多個分頁並比較」、「測試一致性」、「A/B 測試」、「登台與生產」或「比較版本」。与 Playwright MCP 浏览器自动化工具配合使用,实现多选项卡工作流程。 來源:dawiddutoit/custom-claude。
打开多个浏览器选项卡并跨页面比较内容、行为或视觉外观。在比較臨時與生產、A/B 測試頁面變體、測試跨瀏覽器一致性、驗證內容奇偶性或分析多個 URL 之間的差異時使用。觸發短語包括「比較這些頁面」、「開啟多個分頁並比較」、「測試一致性」、「A/B 測試」、「登台與生產」或「比較版本」。与 Playwright MCP 浏览器自动化工具配合使用,实现多选项卡工作流程。
透過命令列快速安裝 playwright-tab-comparison AI 技能到你的開發環境
來源:dawiddutoit/custom-claude。
Open multiple browser tabs and systematically compare content, behavior, or visual appearance across pages.
Visual Comparison - Screenshots for design consistency Content Comparison - Snapshots for structure/content parity Behavioral Comparison - Network requests for functionality testing Performance Comparison - Network timing for optimization Data Extraction Comparison - Evaluate for structured data validation
mcp-playwright-tools.md - Quick reference for Playwright MCP tools used in this workflow (browsertabs, browsernavigate, browsersnapshot, browserevaluate, browsertakescreenshot)
打开多个浏览器选项卡并跨页面比较内容、行为或视觉外观。在比較臨時與生產、A/B 測試頁面變體、測試跨瀏覽器一致性、驗證內容奇偶性或分析多個 URL 之間的差異時使用。觸發短語包括「比較這些頁面」、「開啟多個分頁並比較」、「測試一致性」、「A/B 測試」、「登台與生產」或「比較版本」。与 Playwright MCP 浏览器自动化工具配合使用,实现多选项卡工作流程。 來源:dawiddutoit/custom-claude。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-tab-comparison打开多个浏览器选项卡并跨页面比较内容、行为或视觉外观。在比較臨時與生產、A/B 測試頁面變體、測試跨瀏覽器一致性、驗證內容奇偶性或分析多個 URL 之間的差異時使用。觸發短語包括「比較這些頁面」、「開啟多個分頁並比較」、「測試一致性」、「A/B 測試」、「登台與生產」或「比較版本」。与 Playwright MCP 浏览器自动化工具配合使用,实现多选项卡工作流程。 來源:dawiddutoit/custom-claude。
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-tab-comparison 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/dawiddutoit/custom-claude