여러 브라우저 탭을 열고 페이지 전체의 콘텐츠, 동작 또는 시각적 모양을 비교하세요. 스테이징과 프로덕션 비교, 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