# サーバーが起動しているか確認、なければ起動
pnpm dev

1. ページを開く/遷移する
2. スナップショットで要素のuidを取得
3. 要素を操作（クリック、入力など）
4. 結果を検証（テキスト確認、スクリーンショット）
5. 次のステップへ

1. activate_browser_navigation_tools でナビゲーションツール有効化
2. ページを http://localhost:3000/[path] に遷移
3. activate_snapshot_and_screenshot_tools でスナップショットツール有効化
4. テキストスナップショットで内容確認
5. 期待する要素・テキストが存在するか検証
6. 必要に応じてスクリーンショット撮影

1. 対象ページに遷移
2. テキストスナップショットでフォーム要素のuidを取得
3. mcp_chrome-devtoo_fill で各フィールドに値を入力
   - uid: スナップショットから取得した要素ID
   - value: 入力する値
4. mcp_chrome-devtoo_click で送信ボタンをクリック
5. mcp_chrome-devtoo_wait_for で結果表示を待機
6. 結果を検証

1. /login ページに遷移
2. スナップショットでメール/パスワード入力欄のuidを取得
3. mcp_chrome-devtoo_fill でメールアドレス入力
4. mcp_chrome-devtoo_fill でパスワード入力
5. mcp_chrome-devtoo_click でログインボタンクリック
6. mcp_chrome-devtoo_wait_for でダッシュボード表示を待機
7. URL・表示内容を検証

1. 起点ページに遷移
2. スナップショットでリンク要素のuidを取得
3. mcp_chrome-devtoo_click でリンクをクリック
4. 遷移先URLを確認
5. スナップショットで遷移先の内容を検証

1. mcp_chrome-devtoo_resize_page でサイズ変更
   - モバイル: width=375, height=667
   - タブレット: width=768, height=1024
   - デスクトップ: width=1280, height=800
2. スクリーンショットで表示確認
3. レイアウト崩れがないか検証

1. テキストスナップショットを取得
2. 期待するテキストが含まれているか確認
3. または mcp_chrome-devtoo_wait_for で特定テキストの出現を待機

1. mcp_chrome-devtoo_take_screenshot でスクリーンショット取得
2. 表示を目視確認
3. 必要に応じてファイルに保存（filePath指定）

// mcp_chrome-devtoo_evaluate_script で実行
() => {
  return {
    title: document.title,
    url: window.location.href,
    elementExists: !!document.querySelector('[data-testid="target"]'),
    inputValue: document.querySelector('input[name="email"]')?.value
  };
}