VRM/Live2D表情をPlaywrightスクショ→Copilot CLI→GPT-5.4で自動レビュー。Claude Opusトークン温存+具体的な改善提案取得
VRMまたはLive2Dキャラクターの表情・ポーズ・リップシンクを、Playwrightで撮影→Copilot CLI経由でGPT-5.4に委譲してレビューする。
なぜ委譲するか: Claude Opus 4.6も画像理解は可能だが、(1) Opusトークン消費が重い、(2) 表情の審美的ニュアンスはGPT-5.4の方が具体的な改善提案を返す(「色が強い」ではなく「まぶた角度3度下げ+頬紅-10%」レベル)。
ユーザーから以下を受け取る:
$ARGUMENTS 第1引数: レビュー種別 expression / pose / lipsync / layout / overall$ARGUMENTS 第2引数: 対象URL(省略時は http://localhost:5173)$ARGUMENTS 第3引数以降: 追加指示(例: emotion=angry pose=rokuro)copilot --version)mcp__plugin_playwright_playwright__*cd <your-vrm-project> && npm run dev で :5173 に立つ想定)Playwright MCP でブラウザを起動し、指定URL(デフォルト http://localhost:5173)へ遷移する。
mcp__plugin_playwright_playwright__browser_navigate url=<target_url>
遷移後は必ず browser_wait_for で主要要素が描画されるまで待つ(VRMのロードは3-5秒かかる)。
| review-type | セットアップ |
|---|---|
expression | ?debug クエリを付与してデバッグUI表示、browser_evaluate で window.vrm.expressionManager.setValue('angry', 0.8) 等を叩いて表情を適用 |
pose | browser_evaluate で poses.ts の名前付きポーズを適用(例: window.__setPose('rokuro')) |
lipsync | /api/speak POST でテスト発話をトリガー、発話中にスクショ |
layout | セットアップ不要。配信UI全体をそのまま撮影 |
overall | 全種類を順に実行してレビュー |
browser_take_screenshot で撮影。保存先は呼び出し元プロジェクトの test-artifacts/vrm-review-YYYY-MM-DD/。
mcp__plugin_playwright_playwright__browser_take_screenshot
filename=<review-type>-<timestamp>.png
fullPage=false
注意: ビューポートは1280x720(配信アスペクト比と同じ16:9)に統一。browser_resize で事前に揃える。
撮影した画像をGPT-5.4に送り、レビューさせる。プロンプトは templates/prompts.md から種別に応じたものを読み込む。
copilot -p "@<screenshot_path> <prompt>" \
--model gpt-5.4 \
--allow-all \
-s
重要:
--model gpt-5.4 を必ず明示(デフォルトモデルだとGPT-5.2の可能性がある)-s(silent mode)で対話プロンプトを抑制--allow-all で画像読み込みを自動許可Copilot CLI のstdout出力をパース。test-artifacts/vrm-review-YYYY-MM-DD/report.md に以下のフォーマットで保存:
# VRM Review Report — <review-type>
- 実行時刻: YYYY-MM-DD HH:MM JST
- 対象URL: <url>
- モデル: gpt-5.4 (via Copilot CLI)
- プレミアム消費: 1
## スクリーンショット

## GPT-5.4レビュー
<Copilot出力そのまま>
## 推奨アクション(Claudeによる整理)
- [ ] <抽出された改善提案1>
- [ ] <抽出された改善提案2>
最終メッセージで以下を提示:
~/.claude/skills/vrm-review/)<your-vrm-project>/test-artifacts/vrm-review-YYYY-MM-DD/).gitignore で test-artifacts/vrm-review-*/ を除外推奨mcp__plugin_playwright_playwright__browser_install を提案、それでも駄目なら手動スクショ(Snipping Tool)とファイルパス指定でSkipして Step 4へwinget install GitHub.cli や npm i -g @github/copilot を案内--model gpt-5.3-codex にフォールバック(品質低下を明示)npm run dev を案内、起動待ちなら5秒リトライ~/.copilot/copilot-instructions.md(ユーザー固有の Copilot CLI デフォルト動作を定義)