capability:playwright:navigate

目的

Playwright MCPを使用して特定のURLに移動し、説明に基づいてページ上で対話を実行します。クリック、フォーム入力、キー操作、選択、スクリーンショット、DOM検査に対応しています。

実行手順

1. 移動 — ブラウザタブを開くか既存タブを再利用し、--url に移動します
2. スナップショット — 初期DOMとアクセシビリティスナップショットを取得し、ページ構造を把握します
3. 対話 — --description から導出された対話を実行します（クリック、入力、キー操作、選択、ホバー、ドラッグ等）
4. 検証 — 対話後のスナップショットとスクリーンショットを取得し、結果を確認します
5. 報告 — 実行した操作と最終ページ状態の構造化サマリーを返します

委任

必須: このコマンドのフロントマターで定義されたエージェントを、常にそれらの担当責務に対して呼び出してください。スキップ、置換、または直接シミュレーションは行わないでください。

• zzaia-workspace-manager — ナビゲーションとページ対話のすべてのPlaywright MCPツール呼び出しを実行します

ワークフロー

sequenceDiagram
    participant U as User
    participant C as Command
    participant W as zzaia-workspace-manager
    participant P as Playwright MCP

    U->>C: /capability:playwright:navigate --url <url> [--description <details>]
    C->>W: Delegate with url and description
    W->>P: browser_navigate(url)
    P-->>W: Page loaded
    W->>P: browser_snapshot
    P-->>W: Initial DOM snapshot
    W->>P: browser_* (click, fill, press, select, etc.)
    P-->>W: Interaction results
    W->>P: browser_snapshot + browser_take_screenshot
    P-->>W: Final page state
    W-->>C: Actions summary and page state
    C-->>U: Structured interaction report

受け入れ基準

• 提供された --url に正常に移動します
• --description に記載された対話を実行します
• スナップショットとスクリーンショットを通じて対話前後のページ状態を取得します
• 実行したすべての操作と最終ページ状態の構造化報告書を返します

例

/capability:playwright:navigate --url https://localhost:3000

/capability:playwright:navigate --url https://localhost:3000/login --description "Fill username admin and password secret, then click submit"

/capability:playwright:navigate --url https://example.com/form --description "Select option 'Brazil' from country dropdown and submit the form"

出力

• ナビゲーション確認（URL、ページタイトル）
• 実行された対話のリスト
• 対話前後のDOMスナップショット
• 最終ページのスクリーンショット