Visual Regression — Testing skill for Claude Code

Playwright MCPを使用して視覚的整合性の自動検閲を行う。図案のメイド（Designerサブエージェント）を起動し、以下の手順を厳守すること。

対象

• 引数 $ARGUMENTS に検査対象のURLまたはページパスを指定する。
• 未指定の場合は http://localhost:3000 を起点に主要ページを巡回する。
• カンマ区切りで複数URL指定可能（例: http://localhost:3000,http://localhost:3000/search）。

手順

Phase 1: ベースライン確認（デスクトップ）

• mcp__playwright__browser_navigate で対象URLへ遷移する。
• mcp__playwright__browser_take_screenshot でデスクトップ（1280x800）のスクリーンショットを取得する。
• mcp__playwright__browser_snapshot でアクセシビリティツリーとDOM構造を取得する。

Phase 2: インタラ