Loading summary...
Anti-Gravity는 Google의 새로운 코딩 앱으로, Microsoft Word가 문서 작업을 위한 것이고, Microsoft Excel이 스프레드시트 작업을 위한 것처럼 소프트웨어 구축을 위한 도구입니다. Anti-Gravity 내에서 Gemini 3, Claude 4.5 Sonnet, Chat GPT 모델에 접근할 수 있으며, AI 에이전트를 위한 네이티브 시스템도 제공됩니다.
Anti-Gravity는 단순한 챗봇이 아닌, 앱을 10배 빠르게 구축할 수 있는 강력한 AI 코딩 도구입니다.
앱 구축을 위해 "Flow"라는 4단계 프레임워크를 사용할 것입니다. 이 프레임워크를 통해 앱을 완전히 작동하도록 만들 수 있습니다.
Anti-Gravity는 anti-gravity.google에서 다운로드할 수 있습니다(Mac OS용). 인터페이스는 다음과 같이 구성됩니다.
새 프로젝트를 시작하려면 "Open Folder"를 클릭하고 새 폴더를 만듭니다. 예를 들어 "Teddy"라는 폴더를 만들어 작업 공간으로 사용할 수 있습니다.
첫 번째 단계인 "Frame"은 해결하려는 문제에 대해 구체적으로 정의하는 단계입니다. Albert Einstein은 문제 해결에 1시간이 주어진다면 55분을 문제 정의에 사용하겠다고 말했습니다.
Claude에게 구축하려는 앱에 대한 개요를 제공하고, Claude가 질문을 통해 생각을 도전하고 문제를 개선하도록 요청합니다. 예를 들어, 가정용 청구서 대시보드를 구축하여 모든 비용을 추적하고, 아름다운 UI 대시보드를 제공하여 의사 결정을 돕도록 할 수 있습니다.
Claude에게 AI가 한 페이지 앱을 개발하는 데 사용할 수 있는 500자 미만의 SOP(Standard Operating Procedure)를 디자인하도록 요청합니다. Claude가 프롬프트를 제공하면 Anti-Gravity로 돌아갑니다.
초기 프롬프트가 구체적일수록 더 나은 앱을 만들 수 있습니다.
두 번째 단계인 "Layout"에서는 디자인 영감을 얻습니다. Dribbble과 같은 웹사이트에서 대시보드 디자인을 참고할 수 있습니다.
Anti-Gravity에 이미지(예: 대시보드 디자인)를 복사하여 붙여넣을 수 있습니다. 또한, 브랜드 가이드라인이나 웹사이트 링크를 파일로 추가할 수 있습니다.
새 파일(예: gemini.md)을 생성하여 글꼴, 타이포그래피 등 디자인 관련 지침을 작성할 수 있습니다. 로고 이미지도 업로드할 수 있습니다.
PDF 파일 크기가 너무 큰 경우, "Brand Guidelines"라는 새 파일을 만들고 가이드라인 정보를 직접 입력할 수 있습니다.
레이아웃 섹션에서는 모든 레이아웃 관련 사항을 미리 정의할 수 있습니다.
세 번째 단계인 "Orchestration"에서는 앱을 실제로 구축합니다. Anti-Gravity의 "Artifacts" 기능을 활용하여 구현 계획, 목표 설명, 사용자 리뷰, 변경 제안 등을 확인할 수 있습니다.
Artifacts에 주석을 추가하여 Gemini에게 특정 지침을 제공할 수 있습니다. 예를 들어, 스타일링에 브랜드 가이드라인을 사용하도록 지시할 수 있습니다.
Anti-Gravity의 핵심 기능 중 하나는 "Open Agent Manager"를 통해 여러 에이전트를 동시에 실행할 수 있다는 것입니다. 각 에이전트는 프로젝트 내에서 다른 작업을 수행할 수 있습니다.
작업 공간에서 "+" 버튼을 클릭하여 새 에이전트를 추가할 수 있습니다. 예를 들어, 한 에이전트는 청구서 관리 모범 사례를 조사하고, 다른 에이전트는 성공적인 청구서 관리 플랫폼을 조사하도록 할 수 있습니다.
에이전트가 작업을 완료하면 결과를 특정 파일(예: research.md, competitors.md)로 저장하도록 지시할 수 있습니다. 여러 에이전트가 병렬로 작업을 수행하며, 에이전트 대시보드에서 진행 상황을 추적할 수 있습니다.
에이전트가 도움이 필요하면 유니버설 인박스를 통해 요청합니다. Anti-Gravity는 웹 브라우저에서 동적으로 앱을 테스트하고, 스스로 문제를 해결하는 기능(self-fixing, self-healing)을 제공합니다.
에이전트가 변경 사항을 제안하면 검토하고 주석을 추가하여 개선할 수 있습니다. 예를 들어, 특정 그래프를 추가하거나 드롭다운 메뉴를 추가하도록 요청할 수 있습니다.
앱 디자인이 완료되면 로컬 호스트에서 열어보도록 요청할 수 있습니다. 로고는 파일에 제공된 로고를 사용하도록 지정할 수 있습니다.
에이전트를 직원처럼 생각하고, 여러 프로젝트에서 10, 20, 30개의 에이전트를 동시에 실행할 수 있습니다. 인박스를 통해 에이전트 작업을 관리합니다.
에이전트 매니저에는 플레이그라운드라는 노트패드 공간이 있어 다양한 아이디어를 테스트해 볼 수 있습니다.
Anti-Gravity는 MCP(Model Context Protocol)라는 통합 언어를 사용하여 다양한 앱과 AI가 쉽게 통신할 수 있도록 합니다. MCP 서버를 통해 Anti-Gravity를 Airtable, Vercel, GitHub 등 다양한 플랫폼에 연결할 수 있습니다.
GitHub를 연결하면 프로젝트를 배포할 수 있습니다. GitHub 계정을 만들고, 설정에서 개발자 설정을 선택한 다음, 개인 액세스 토큰을 생성합니다. 토큰에 필요한 권한을 추가하고, Anti-Gravity에 토큰 코드를 입력합니다.
MCP 스토어에 없는 MCP를 추가하려면 "View Raw Config"를 클릭하고, 해당 MCP의 raw configuration을 복사하여 Claude와 같은 언어 모델에 추가하도록 요청한 다음, MCP_config에 붙여넣습니다.
NA10 MCP 서버를 추가하려면, NA10 설정에서 MCP 액세스를 클릭하고 액세스 토큰을 갱신합니다. MCP 라인을 복사하여 Anti-Gravity의 "View Rule Config" 하단에 추가하고 파일을 저장합니다.
커스터마이제이션을 통해 프로젝트 노트를 추가할 수 있습니다. 규칙과 워크플로우를 정의하여 전역적으로 또는 작업 공간에 적용할 수 있습니다.
디버깅 워크플로우를 추가하여 시스템 수준의 지침을 제공할 수 있습니다. "Workspace"를 클릭하고 워크플로우 이름을 지정한 다음, 디버깅 관련 정보를 입력하고 저장합니다.
모델과 대화할 때 워크플로우 이름(예: lemon debugging)을 입력하여 특정 지침을 호출할 수 있습니다.
Anti-Gravity와 GitHub를 연동하면 변경 사항이 GitHub에 동적으로 게시됩니다.
Anti-Gravity의 확장 기능 마켓플레이스에서 다양한 플러그인을 추가할 수 있습니다.
로컬 호스트에서 앱을 실행하여 결과를 확인할 수 있습니다.
Anti-Gravity 우측 하단에서 사용할 모델을 선택할 수 있습니다.
마지막 단계인 "World"에서는 구축한 앱을 배포하여 세상에 공개합니다.
GitHub에 연결된 Vercel을 사용하여 앱을 호스팅할 수 있습니다. Vercel에서 새 프로젝트를 추가하고 GitHub 저장소를 가져온 다음, 배포합니다.
Anti-Gravity는 GitHub를 업데이트하고, GitHub는 Vercel을 업데이트하는 방식으로 앱이 배포됩니다.
Anti-Gravity, GitHub, Vercel을 연동하여 앱 개발 및 배포를 자동화할 수 있습니다.