デスクトップフロントエンド変更の検証
フルアプリ実行にはOpenCodeセッションとライブモデルのターンが必要です。純粋なフロントエンドコンポーネントの変更の場合、代わりに使い捨てのViteページにコンポーネントをマウントします:
apps/desktop/verify-<x>.html（プレーンHTML、<div id="root">、<script type="module" src="/src/verify-<x>.tsx">）とapps/desktop/src/verify-<x>.tsx（ReactDOM.createRoot、./index.cssをインポートしてTailwindを適用、@/経由でコンポーネントをインポート）を作成します。Viteはapps/desktop/配下の任意の.htmlを自動的に提供します。cd apps/desktop && npx vite --port 5199 --strictPort（バックグラウンド）。npxラッパーが二重起動して「ポート使用中」エラーを報告することがありますが、最初のインスタンスは正常に動作しています。リトライする前にlsof -iTCP:5199で確認してください。- ブラウザ制御スキル（Chrome HTTP API、ポート9528）で操作します:
createWindow→waitForSelector→readDom→screenshotTab（スクリーンショットは~/Downloads/に保存されます）。注意点:evalScriptは拡張機能のCSPによりブロックされるため、代わりにreadDom/scrollTabを使用します。readDomを使用する際は明示的に"attributes": []を指定しないと「Value is unserializable」エラーが発生します。 - 後片付け:
closeTabでタブを閉じ、viteプロセスを終了し、両方のハーネスファイルを削除し、git statusがクリーンであることを確認します。