Hướng dẫn từng bước: Antigravity + Claude Code
1. Cài đặt Antigravity của Google
Tải tại: https://antigravity.google/download
Đây là nơi tập trung phần lớn công cụ.
Antigravity là một IDE (Integrated Development Environment – Môi trường phát triển tích hợp).
Nói đơn giản, đây là một ứng dụng phần mềm giúp lập trình viên phát triển mã nguồn hiệu quả hơn.
Trong trường hợp này, thậm chí còn tốt hơn: một IDE dạng agent (agentic IDE).
Antigravity cung cấp một giao diện rất dễ sử dụng, cho phép bạn “trò chuyện” với bộ não AI của mình giống như khi dùng ChatGPT, thông qua ngôn ngữ tự nhiên. Không chỉ để viết code, mà còn có thể thực thi code trực tiếp.
Về mặt bối cảnh, Antigravity là đối thủ của Google với Cursor và VS Code. Trong số các công cụ này, tôi nhận thấy Antigravity thân thiện nhất với người gần như không có nhiều kinh nghiệm.
Sau khi cài đặt, hãy làm theo các bước hướng dẫn và cấu hình theo sở thích cá nhân cùng với các thiết lập được khuyến nghị.
Antigravity được sử dụng như một AI-first IDE, thay thế cho VS Code truyền thống, với các đặc điểm:
- Miễn phí
- Đã tích hợp sẵn nhiều model:
- Gemini Flash / Pro
- Claude Sonnet 4.5
- Claude Opus 4.5 (trong giới hạn)
- Có computer-use agent:
- Chạy app
- Mở browser
- Test UI
- Iteration trực tiếp
Vai trò chính của Antigravity:
- Khởi tạo project
- Tạo base code
- Chạy và test ứng dụng
- Quan sát hành vi thực tế của app
2. Cài đặt Claude Code trong Antigravity
Nếu Antigravity là giao diện tương tự như VSCode cho phép bạn giao tiếp với AI để viết và chạy code, thì Claude Code chính là “bí quyết” giúp tạo ra code chất lượng hơn nữa.
Claude Code là một trợ lý lập trình dạng agent hoạt động trực tiếp trong terminal của bạn.
Không giống các LLM chạy trên nền web, Claude Code có thể tự động thực thi các tác vụ kỹ thuật, thông qua việc tương tác trực tiếp với file và môi trường cục bộ của bạn.
Nó có thể
- Tạo local host
- Thiết lập cơ sở dữ liệu
- Kết nối với các phương thức xác thực
- Tìm và tích hợp API
- Và gần như làm được mọi thứ bạn cần trong quá trình phát triển
Antigravity mặc định đã tích hợp Gemini 3, vốn cũng làm được nhiều việc tương tự. Tuy nhiên, Claude Code hiện tại mạnh hơn đáng kể. Khi kết hợp:
- Gemini để lập kế hoạch
- Claude Code để triển khai kỹ thuật
- Antigravity làm giao diện người dùng
→ đây thực sự là một combo cực kỳ mạnh mẽ.
Claude Code được dùng bên trong Antigravity, thông qua:
- Extension “Claude Code for VS Code”
- Hoặc chạy trực tiếp trong terminal: https://code.claude.com/docs/en/quickstart#homebrew
Claude Code được đánh giá là:
- Model coding tốt nhất hiện tại
- Vượt trội Gemini khi:
- Refactor
- CSS/UI
- Logic phức tạp
- Cải thiện chất lượng code
Vai trò chính:
- Chỉnh sửa code hiện có
- Nâng cấp UI/UX
- Refactor dự án
- Thực thi yêu cầu bằng plain English
3. Khởi tạo một dự án
Nhấp vào “Open Folder” và chọn hoặc tạo một thư mục bất kỳ cho dự án của bạn.
Đây sẽ là nơi toàn bộ các file của dự án được lưu trữ.
4. Bắt đầu trò chuyện với Claude Code
Nhấp vào nút “low bar” ở góc trên bên phải để mở terminal hoặc click icon:
Trong terminal, gõ “Claude” rồi nhấn Enter
Trong Antigravity
Ở bên phải, bạn có LLM Gemini.
Đây sẽ là Bộ não, hay Trình lập kế hoạch.
Về cơ bản, nó giống như công cụ bạn đã dùng trên web để tìm kiếm thông tin, cải thiện bài viết, hoặc làm bất cứ việc gì khác.
Nó sẽ được dùng để tạo kế hoạch triển khai, sau đó Claude Code sẽ viết mã và thực thi với prompt và các chi tiết tốt nhất có thể.
Bạn có hai chế độ chính:
(a) Lập kế hoạch (Planning)
(b) Nhanh (Fast)
Bắt đầu xây dựng: Cách để khiến chúng hoạt động cùng nhau
Sử dụng Gemini 3 Pro (ở bên phải) cho việc lập kế hoạch.
Viết các prompt rõ ràng sau:
- Giải thích ứng dụng với tất cả chi tiết có thể
- Thêm link, tài liệu, API, hoặc bất kỳ thông tin quan trọng nào
- Yêu cầu Gemini tạo một thư mục mới với kế hoạch triển khai chi tiết, và nêu rõ rằng: “Claude Code sẽ đọc nó, viết mã và thực thi”
- Nhấn mạnh lại: “không viết code, chỉ tạo các nhiệm vụ và kế hoạch triển khai”
- Tốt nhất dẽ ghi cụ thể để tạo một file markdown để Claude code có thể dễ dàng hiểu được.
Sau đó dùng Claude Code trong Terminal để chạy code.
Ví dụ:
“Hey Claude, hãy xem thư mục ____. Bạn sẽ tìm thấy một kế hoạch triển khai. Hãy đọc nó, hiểu nó và thực thi.”
Xong.
Claude Code sẽ làm điều kỳ diệu cho bạn.
Bạn có thể tiếp tục dùng Terminal với ngôn ngữ tự nhiên để giao tiếp với Claude.
Khi nào nên dùng Gemini lại
Claude Code khá đắt. Nếu bạn dùng bản Pro, bạn sẽ có giới hạn khá chặt về credit.
Nếu bạn lặp lại ứng dụng chỉ với những thay đổi nhỏ, bạn sẽ tốn credit vô ích.
Đây là lúc Gemini phát huy tác dụng trở lại.
- Hỏi Gemini về code
- Bạn thậm chí có thể nhờ Gemini hỗ trợ viết code mới khi các thay đổi là nhỏ hoặc đơn giản
(đổi màu, cập nhật input, thêm một tác vụ đơn giản, v.v.)
Gemini cũng có thể viết và chạy code rất tốt.
Chúng ta chỉ chọn Claude Code vì hiện tại nó vượt trội hơn, đặc biệt với các tác vụ phức tạp.
Cách tiết kiệm credit
Để tiết kiệm credit, bạn có thể yêu cầu Gemini viết code cho một lần chỉnh sửa và chỉ rõ:
“Không thay đổi code. Chỉ thêm phần này dưới dạng comment để Claude Code có thể đọc, hiểu và thực thi.”
Sau đó, yêu cầu Claude Code tiếp tục xử lý.
Khi bạn đã thử nghiệm một chút, bạn sẽ thấy mọi thứ khá đơn giản.
Và bạn sẽ ngạc nhiên với những gì nó có thể làm chỉ với vài dòng prompt được viết kỹ.
2 AI phục vụ bạn:
Suy nghĩ – Viết – Thực thi.
Ngay cả khi có lỗi (bạn sẽ thấy chữ “error” vài lần), bộ đôi này thường sẽ tự xử lý được mà không cần thêm đầu vào.
Nếu bạn cần dataset, server, hệ thống thanh toán, đăng nhập xác thực, MCP server, hay bất cứ thứ gì — hầu hết thời gian chúng sẽ chủ động cho bạn biết.
Giờ thì hãy tìm ý tưởng và bắt tay thực hành một ví dụ nhỏ:
II. Thực hành
Bây giờ tôi sẽ thực hiện fix bug trong ứng dụng IOS của tôi khi tôi nhận được thông tin sau khi gửi lên apple view:
Guideline 5.1.1 – Legal – Data Collection and Storage
We noticed that your app requires users to register with personal information to purchase in-app purchase products that are not account based.
Apps cannot require user registration prior to allowing access to app content and features that are not associated specifically to the user. User registration that requires the sharing of personal information must be optional or tied to account-specific functionality.Next Steps
To resolve this issue, please revise your app to not require users to register before purchasing in-app purchase products that are not account based. You may explain to the user that registering will enable them to access the purchased content from any of their supported devices and provide them a way to register at any time, if they wish to later extend access to additional devices.
Please note that although App Review Guideline 3.1.2 requires an app to make subscription content available to all the supported devices owned by a single user, it is not appropriate to force user registration to meet this requirement; such user registration must be optional.
Bước 1: Mở Antigravity vào tạo 1 file fixbug.md với model là: Gemini 3
Sau đó tôi có kết quả file là:
Việc của bạn ở đây là phải kiểm tra plan, và sửa comment để cải thiện plan nhất có thể.
B2: Sử dụng claude code để thực thi.
Bật terninal và gõ: Claude
Và yêu cầu Claude thực hiện fixbug.md bằng prompt sau:
Quá trình này sẽ lặp đi lặp lại, nhưng để tiết kiệm token, những thay đổi nhỏ bạn nên tự code hoặc sử dụng Gemini để sửa.
Và đây là kết quả của Claude code.
Kết luận:
Antigravity code đúng nhưng trung bình
Claude Code code ít lỗi hơn, đẹp hơn, sạch hơn
Kết hợp hai bên cho kết quả tốt nhất:
- Antigravity: planning + testing + fix minimal bugs
- Claude Code: implementation chất lượng cao