pev-bootstrap-playwrightlisted

# pev-bootstrap-playwright `pev-e2e-verify` skill を使えるようにする **one-time setup** skill。 新規プロジェクトに Playwright + Playwright agents を導入する 5 step を 1 操作で完了する。 ## When to Use 起動すべき場面: - `pev-e2e-verify` skill の Preflight が「Playwright 未setup」を検知した時 (auto-propose) - ユーザーが `/pev-init-e2e` を明示的に呼んだ時 - 新規プロジェクトに pev-harness の E2E verification 機能を有効化したい時 起動すべきでない場面: - Playwright が既に install + agents 初期化済の場合 (Preflight が detect) - Playwright を使わない方針のプロジェクト (config に明示) ## Bootstrap Steps ### Step 1: 依存性 install ```bash # プロジェクトルートで実行 npm install -D @playwright/test http-server ``` `@playwright/test` は test runner + assertion library。 `http-server` は webServer config 用 (Vite / Next.js を使うプロジェクトでは不要)。 ### Step 2: Browser binary install ```bash npx playwright install --with-deps chromium ``` Chromium のみで十分 (Firefox / WebKit は必要に応じて追加)。 `--with-deps` は CI/Linux で必要な system deps も install。 ### Step 3: `playwright.config.ts` template 作成 プロジェクトに `playwright.config.ts` がない場合、 以下の template を書く: ```ts import { defineConfig } from '@playwright/test'; export default defineConfig({ testDir: './tests-e2e', outputDir: './artifacts/e2e/test-results', reporter: [ ['list'], ['html', { outputFolder: './artifacts/e2e/playwright-report', open: 'never' }], ['json', { outputFile: './artifacts/e2e/results.json' }], ], webServer: { command: 'npm run preview', // プロジェクトの dev server コマンド url: 'http://localhost:5173', reuseExistingServer: !process.env.CI, timeout