Menü
agent-browser CLIを使ってローカルアプリのUIをテストする。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Notion CLI tool for managing pages, databases, and content. Use when working with Notion data, creating/updating pages, querying databases, or syncing content.
ISO/IEC/IEEE 15288に基づき、ヒアリング資料から要求ドキュメント（1〜7）を順次生成します。既存ドキュメントがあれば差分更新します。
GitHub Issueを作成する前に、BDD形式で要件を整理します：
- 未コミットの変更やunpushの状態があれば、Skill ツールを使って `/ok` コマンドを先に呼び出してください
Clarify ambiguities in plans with structured questions
git addしてください。.gitignoreすべきであろうファイルがあれば確認を必ずしてください。
| name | browser-agent |
| description | agent-browser CLIを使ってローカルアプリのUIをテストする。 |
agent-browser CLIを使ってローカルアプリのUIをテストする。
npm install -g agent-browser）agent-browser install）pnpm dev）CLAUDE.mdを読み込み、プロジェクトの技術スタックを把握以下を順次実行:
agent-browser open <url>
agent-browser screenshot --full-page
agent-browser snapshot -i
以下のビューポートで順次テスト:
agent-browser viewport 1920 1080
agent-browser screenshot -o desktop.png
agent-browser viewport 768 1024
agent-browser screenshot -o tablet.png
agent-browser viewport 375 667
agent-browser screenshot -o mobile.png
各サイズでレイアウト崩れやオーバーフローを確認。
スナップショットで取得した参照ID（@e1, @e2など）を使用:
# 要素クリック
agent-browser click @e1
# テキスト入力
agent-browser type @e2 "テスト入力"
# スクロール
agent-browser scroll down 500
# テキスト取得
agent-browser text @e1
# HTML取得
agent-browser html @e1
# 属性値取得
agent-browser attr @e1 href
以下の形式でまとめる:
## UI Test Report
### 概要
- 対象URL: [URL]
- テスト日時: [日時]
### デスクトップ (1920x1080)
- [問題点または「問題なし」]
### タブレット (768x1024)
- [問題点または「問題なし」]
### モバイル (375x667)
- [問題点または「問題なし」]
### インタラクション
- [動作確認結果]
### 推奨改善
1. [改善提案]
2. [改善提案]
--headed: ブラウザウィンドウを表示（デバッグ用）--json: JSON形式で出力--session <name>: セッション名を指定-o で保存先を指定可能