·playwright-tab-comparison
</>

playwright-tab-comparison

複数のブラウザー タブを開いて、ページ全体のコンテンツ、動作、または外観を比較します。ステージングと運用の比較、ページ バリアントの A/B テスト、ブラウザ間の一貫性のテスト、コンテンツの同等性の検証、または複数の URL 間の差異の分析を行う場合に使用します。トリガー フレーズには、「これらのページを比較する」、「複数のタブを開いて比較する」、「全体の一貫性をテストする」、「A/B テスト」、「ステージングと本番環境」、「バージョンを比較する」などがあります。マルチタブ ワークフロー用の Playwright MCP ブラウザ自動化ツールと連携します。

5インストール·0トレンド·@dawiddutoit

インストール

$npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-tab-comparison

playwright-tab-comparison のインストール方法

コマンドラインで playwright-tab-comparison AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-tab-comparison
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from dawiddutoit/custom-claude

クイックアンサー

playwright-tab-comparison とは?

複数のブラウザー タブを開いて、ページ全体のコンテンツ、動作、または外観を比較します。ステージングと運用の比較、ページ バリアントの A/B テスト、ブラウザ間の一貫性のテスト、コンテンツの同等性の検証、または複数の URL 間の差異の分析を行う場合に使用します。トリガー フレーズには、「これらのページを比較する」、「複数のタブを開いて比較する」、「全体の一貫性をテストする」、「A/B テスト」、「ステージングと本番環境」、「バージョンを比較する」などがあります。マルチタブ ワークフロー用の Playwright MCP ブラウザ自動化ツールと連携します。 ソース: dawiddutoit/custom-claude。

playwright-tab-comparison のインストール方法は?

ターミナルまたはコマンドラインツール(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