메뉴
agent-browser CLIでブラウザ検証をサブエージェント実行。 E2Eテスト、UI確認、フォーム検証、スクリーンショット取得に使用。 Trigger: agent-browser, ブラウザで確認, ブラウザ検証, E2E確認, UIテスト, スクリーンショット撮って, 画面確認, ブラウザテスト
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | dev:agent-browser |
| description | agent-browser CLIでブラウザ検証をサブエージェント実行。 E2Eテスト、UI確認、フォーム検証、スクリーンショット取得に使用。 Trigger: agent-browser, ブラウザで確認, ブラウザ検証, E2E確認, UIテスト, スクリーンショット撮って, 画面確認, ブラウザテスト |
| context | fork |
| allowed-tools | ["Read","Bash","Task","AskUserQuestion"] |
セットアップスクリプトを実行する。CLI インストール、ブラウザバイナリ修復（既存バイナリ流用 → ダウンロード試行）、URL疎通確認を自動処理する。
# SKILL_DIR はこの SKILL.md と同じディレクトリ
bash "${SKILL_DIR}/setup-agent-browser.sh" [--check-url URL]
SUCCESS:<prefix> → PREFIX を取得して Step 1 へFAIL:<reason> → AskUserQuestion で <reason> を報告して中断対象URLがある場合は --check-url オプションで渡す。スクリプトが疎通結果をログ出力する。
サーバーが起動していない場合は AskUserQuestion で「開発サーバーを起動しますか？」と確認する。
ユーザーの検証指示を分析し、適切なフォーマットを1つ選択する。
| フォーマット | ファイル | 選択基準 |
|---|---|---|
| ui-layout | references/formats/ui-layout.md | 表示崩れ、レイアウト、デザイン確認が目的 |
| interaction | references/formats/interaction.md | フォーム入力、ボタン操作、画面遷移が目的 |
| api-integration | references/formats/api-integration.md | API通信、SSE、エラーハンドリングが目的 |
| responsive | references/formats/responsive.md | デバイスサイズ別の表示確認が目的 |
複数の目的がある場合は、最も重要な目的に合うフォーマットを選ぶ。
Read で該当フォーマットファイルを読み込む。
mkdir -p .tmp/agent-browser/{YYYYMMDD}-{slug}
{YYYYMMDD}: 実行日（例: 20260219）{slug}: 検証内容を英語で短く表現（例: tarot-ui, login-form）Read で references/subagent-prompt.md を読み込む
テンプレートのプレースホルダを置換：
{PREFIX} → Step 0-1 で確定した PREFIX{ユーザーの指示} → ユーザーの検証指示{SCREENSHOT_DIR} → Step 2 で作成したディレクトリパス{レポートフォーマット} → Step 1 で選択したフォーマット定義Task を起動：
Task(
subagent_type: "general-purpose",
model: "haiku",
description: "ブラウザ検証実行",
prompt: <<置換済みテンプレート>>
)
サブエージェントの結果をユーザーに報告。
repositoryを調査し、`docs/PLAN/YYMMDD_{slug}.md` にPhase、Gate、完了状態、実行ルール、チェック項目を持つ自己完結した永続計画を作成または再構成する。Use when the user asks for simple-plan、チェックリスト式の計画、複数停止点を持つ中規模作業、段階的なapp分割やlocal migration、production前Gate、または既存planの構成変更。単発Sprintでは収まらないが、詳細なworker委任計画までは不要な作業向け。既存planをそのまま実行・再開するだけの場合は使わない。
Cloudflare ベースの新規アプリ設計、または既存アプリを Cloudflare 構成へ大きく移行する前に、短い設計メモを作る。Workers、Agents SDK、Durable Objects、D1、KV、R2、Wrangler、Workers 上の Hono などの構成判断を実装前に整理するときに使う。通常の Cloudflare コード修正だけなら、公式 Cloudflare 実装系 skill を使う。
事前設計が必要な中〜大規模作業について、repositoryを調査し、依存関係・設計境界・worker/model・統合順・完了条件を持つsingle-md実行計画を `docs/PLAN/{YYMMDD}_{slug}.md` に作成してから実行する。局所実装はheadless Cursor CLI、複雑な実装・調査・レビューはmodelを明示したCodex subagent、共有境界・統合・最終判断はmain Codexが担う。短期作業は対象外。Trigger: cursor-agent-delegate、Cursorで計画、worker委任計画、依存関係を設計して実装
Cursor CLI headless worker を使い、ユーザーの実装指示を短いローカル実行計画に分解し、安全に分離できる小タスクだけを `cursor agent --print --yolo --trust --model composer-2.5-fast` に並列委任する。`.codex/tmp/YYMMDD_slug/` 配下で状態を管理し、docs/PLAN を作らず main Codex が統合と検収を行う。Trigger: cursor-agent-sprint-cli、Cursor CLI sprint、headless Cursor Agent 並列実装、CLI worker sprint、 Cursor を使って計画を実装
既存キャラクター画像を、承認制でピクセルアートの正準画像へ変換し、3状態パイロット、クロマ前処理、状態間ジオメトリ検証、9状態生成、遷移QA、仮配置、アプリ内確認、ロールバック可能な正式配置まで行う。キャラクターからCodexペットを作る依頼に加え、ジャンプで小さくなる、状態ごとに身長が変わる、足元が跳ねる、クロマ縁が出る、アニメーションを修復したい依頼で使用する。
Git commit automation for Codex. Use when the user asks for simple-add, a lightweight commit, or committing the current work with an optional push. Trigger: simple-add, simple commit, 軽量コミット, 変更をコミット, コミットして, -p で push