Playwright CLI と Claude Code を活用した自律 UI 修正開発の提案

はじめに — コーディングエージェントに「目」を与える Claude Code や Codex CLI は非常に強力なコーディングエージェントですが、UI の問題に関しては必ずしも万能ではありません。 特に以下のようなケースは苦手である。 * Markdown のレンダリング崩れ * CSS の微妙なズレ * レスポンシブのレイアウト崩れ * スクロール後に発生する UI 問題 これらはコードを読んだだけでは判断しづらく、実際の画面を確認しないと分からないケースが多い。つまり AI 開発エージェントは「コードは読めるが、画面は見えない」という制約がある。 ここでは Laravel Boost と Playwright CLI を組み合わせ、...

はじめに — コーディングエージェント に「目」を与える Claude Code や Codex CLI は非常に強力なコーディングエージェントであるが、UI の問題に関しては必ずしも万能ではない。 特に以下のようなケースは苦手である。 Markdown のレンダリング崩れ CSS の微妙なズレ レスポンシブのレイアウト崩れ スクロール後に発生する UI 問題 これらはコードを読んだだけでは判断しづらく、実際の画面を確認しないと分からないケースが多い。つまりAI開発エージェントは「コードは読めるが、画面は見えない」という制約がある。 ここではLaravel Boost + Pl...