Antigravity 체험기

개요

AI도입의 성패는 "프로세스를 얼마나 잘 설계하고 최적화했는가" 이다.

Antigravity는 브라우저 테스트와 검증까지 자동화.

프로세스: 파일 내 코드 작성 → 어플리케이션 실행 → 브라우저 테스트 → 버그 수정 → 스크린샷과 영상 기록

Editor View vs Manager View

Antigravity는 기본적으로 Editor View와 Manager View를 제공.

Editor View

• 탭 자동완성, 인라인 명령, 사이드 패널 에이전트 등 코드 에디터 화면
• 커서와 유사

Manager View

• 여러 워크스페이스에서 여러 에이전트를 백그라운드에서 병렬로 생성, 조정, 관찰할 수 있는 대시보드
• 한 에이전트에게 코드 베이스 리서치 수행하는 동안, 다른 에이전트에게 버그 수정등을 맡기고, 또 다른 에이전트에게는 백로그 작업을 처리할 수 있음
• 모든 작업은 Editor View와 실시간 동기화됨

사용법: Cmd + E를 눌러 실행

워크플로우:

• 비동기로 여러 작업을 관리하다가 특정 작업에 집중하고 싶을때에는 다시 Editor View로 전환해 세부작업에 개입
• 개발자는 Editor와 Manager사이를 오가며, 어떤 에이전트가 어떤 계획을 세웠는지, 어느단계까지 진행됐는지, 어떤 산출물을 남겼는지 확인 가능

Artifact 시스템

AI Agent가 개발자가 원치 않은 방향으로 개발을 진행할 가능성이 있다. 이를 Antigravity는 Artifact라는 개념으로 해결.

정의: AI Agent가 수행한 모든 작업의 흔적을 구조화된 형태로 기록해두는 방식

1. 구현계획 (Implementation Plan)

• AI가 코드 변경을 시작하기 전에 작성하는 기술 설계서
• 어떤 파일을 어떤 이유로 어떤 방식으로 바꾸겠다는 것이 기술됨
• 개발자는 인라인 코멘트를 남겨 방향을 조정할 수 있으며, 승인이 이뤄져야만 코드 수정이 시작됨
• 마지막에 검증 계획에 테스트케이스를 넣어 구현이 잘되었는지 검수함

2. 플래닝모드 (Task Groups & Subtasks)

• AI Agent는 스스로 작업을 여러 Task Group과 Subtask로 쪼갬
• 단계마다 diff를 남김

3. 작업 이력 및 검증 보고서 (Walkthrough)

• 작업이 끝난 다음 생성되는 문서
• 구체적인 변경 로직과 그에 따른 검증 결과가 모두 포함됨

변경내역: 기술적 의사결정의 흐름과 단계별 실행로직을 상세히 기록

검증결과: 코드 수정이후 스스로 수행한 테스트 결과를 기록

4. 스크린샷과 브라우저 녹화

• 테스트 자동화를 통해 Chrome DevTools 가 필요없어짐

Mode: Planning vs Fast

Planning

• 적합한 작업: 전체 시스템에 영향을 줄 수 있는 작업 (예: 복잡한 구조 변경, 대규모 리팩토링)
• 특징: Task Group과 SubTask로 세분화하고 에이전트가 먼저 Plan을 제시함
• 산출물: Walkthrough나 브라우저 녹화 같은 다양한 아티팩트 생성
• 속도: 느림

Fast

• 적합한 작업: 단순하고 빠르게 처리해야하는 작업 (예: 버튼색 변경, API 에러 핸들링 추가)
• 속도: 빠름