AI 코딩 에이전트로 휴대폰에서 웹·프런트엔드 개발하기

페이지를 배포하고 실제로 확인하세요. 에이전트가 호스트에서 개발 서버와 헤드리스 브라우저를 실행하고, 렌더링된 페이지가 휴대폰으로 돌아옵니다.

1. 페어링 & 코딩 시작하기

   컴퓨터를 페어링한 뒤 에이전트에게 컴포넌트를 만들거나 수정하게 하세요 — 변경 사항이 채팅으로 스트리밍됩니다.

2. 실행 중인 사이트 미리보기

   에이전트가 개발 서버를 띄우고 페이지(또는 Playwright 플로우)를 스크린샷으로 채팅에 담아줍니다 — 반응형 브레이크포인트도 포함됩니다.

3. 빌드 & 콘솔 로그 tail하기

   Vite/webpack 출력과 브라우저 콘솔 오류가 세션으로 흘러들어 소파에서도 깨진 빌드를 디버그할 수 있습니다.

4. 품질 점검 예약하기

   야간 Lighthouse나 가동 시간/합성 모니터링을 예약해 회귀나 장애가 있을 때만 알림을 받으세요.