Hướng dẫn sử dụng Antigravity cho người mới

Bạn mới nghe về Antigravity.google và đang tò mò: “Nó dùng như thế nào? Có khó không? Có cần giỏi lập trình mới dùng được không?”
Tin vui là: Antigravity được thiết kế để giúp bạn làm việc nhanh hơn, đặc biệt khi bạn biết cách “giao việc” đúng cho AI.

Trong bài hướng dẫn này, mình sẽ giúp bạn đi từ con số 0 đến việc dùng Antigravity để làm một task hoàn chỉnh, theo cách đơn giản, dễ hiểu, dành cho người mới.

Mục tiêu: Đọc xong là bạn có thể tự tin mở Antigravity, tạo dự án, giao nhiệm vụ cho AI và kiểm tra kết quả.

1) Antigravity là gì?

Antigravity (antigravity.google) là nền tảng hỗ trợ lập trình theo hướng AI Agent — tức là AI không chỉ gợi ý code, mà có thể:

• Nhận yêu cầu bằng tiếng Việt/tiếng Anh

• Lập kế hoạch làm việc

• Tạo hoặc chỉnh sửa code trong dự án

• Chạy lệnh, kiểm tra lỗi

• Sửa lại cho đến khi đúng

Bạn có thể hiểu Antigravity như một “đồng đội AI” biết làm việc theo nhiệm vụ, thay vì chỉ “đoán code” từng dòng.

Link tải Antigravity miễn phí: https://antigravity.google/product

2) Antigravity phù hợp với ai?

Antigravity phù hợp cho:

✅ Người mới học lập trình (cần hướng dẫn + ví dụ)
✅ Developer muốn làm nhanh hơn
✅ Startup/Team nhỏ cần tăng tốc
✅ Người làm sản phẩm muốn tạo prototype nhanh

⚠️ Lưu ý: Antigravity giúp bạn nhanh hơn, nhưng bạn vẫn nên hiểu cơ bản (project structure, cách chạy dự án, đọc lỗi…) để kiểm soát chất lượng.

3) Chuẩn bị trước khi dùng Antigravity (rất quan trọng)

Trước khi bắt đầu, bạn nên chuẩn bị 3 thứ sau:

3.1. Một tài khoản Google

Vì đây là sản phẩm thuộc hệ sinh thái Google, bạn thường sẽ cần đăng nhập để dùng.

3.2. Một dự án mẫu (hoặc repo GitHub)

Người mới có thể dùng:

• dự án HTML/CSS/JS đơn giản

• React/Vue

• Node.js/Express

• Python/FastAPI

Nếu chưa có dự án, bạn có thể nhờ Antigravity tạo dự án mới từ đầu (mình hướng dẫn ở phần dưới).

3.3. Biết mục tiêu mình muốn làm gì

Antigravity mạnh nhất khi bạn giao nhiệm vụ rõ ràng.
Ví dụ tốt:

• “Tạo trang đăng nhập có validate email + password”

• “Thêm chức năng upload ảnh lên server”

• “Sửa lỗi CORS khi gọi API từ frontend”

Ví dụ chưa tốt:

• “Làm web giúp tôi”

• “Code cho ngon”

• “Fix lỗi đi” (không có log)

4) Cách bắt đầu với Antigravity.google (Step-by-step)

Bước 1: Truy cập trang Antigravity

Bạn vào: antigravity.google
Sau đó đăng nhập tài khoản Google nếu được yêu cầu.

👉 Nếu bạn gặp lỗi kiểu: “There was an unexpected issue setting up your account…” thì hãy thử:

• đổi mạng (WiFi/4G)

• mở tab ẩn danh

• xóa cache

• thử lại sau 15–30 phút

Bước 2: Tạo workspace / mở dự án

Thông thường Antigravity sẽ cho bạn:

• tạo project mới

• hoặc mở repo có sẵn

Nếu bạn là người mới, cách dễ nhất là bắt đầu từ dự án nhỏ để làm quen.

Gợi ý project luyện tập:

• Todo app đơn giản

• Landing page + form contact

• API CRUD (Create/Read/Update/Delete)

Bước 3: Làm quen với 3 khu vực quan trọng

Dù giao diện có thay đổi theo phiên bản, Antigravity thường có 3 phần chính:

1. Editor: nơi xem và chỉnh code

2. Chat/Agent panel: nơi bạn giao nhiệm vụ cho AI

3. Terminal/Run: nơi chạy dự án, xem log, test

📌 Đây là combo quan trọng nhất. Bạn sẽ dùng nó liên tục.

5) Cách “giao việc” cho Antigravity đúng cách (mẹo ăn điểm)

Đây là phần quan trọng nhất cho người mới.

Công thức giao việc hiệu quả:

Bạn hãy viết theo mẫu:

(1) Bạn muốn làm gì
(2) Bạn đang dùng công nghệ gì
(3) File nào liên quan (nếu biết)
(4) Tiêu chí hoàn thành
(5) Có điều kiện gì không

📌 Ví dụ 1 (rất tốt):

“Mình có project React. Hãy tạo trang Login gồm email + password. Validate email đúng định dạng, password tối thiểu 8 ký tự. Khi submit thì gọi API /api/login. Nếu thành công chuyển sang /dashboard.”

📌 Ví dụ 2 (cũng tốt, cho người mới):

“Tạo cho mình một landing page giới thiệu sản phẩm. Có 1 header, 1 section lợi ích, 1 form đăng ký email. Thiết kế đơn giản, hiện đại.”

📌 Ví dụ 3 (debug chuẩn):

“Mình bị lỗi TypeError: cannot read property 'map' of undefined trong file ProductList.jsx. Hãy đọc code và sửa giúp mình. Sau khi sửa, đảm bảo trang không crash khi API trả về rỗng.”

6) Hướng dẫn sử dụng Antigravity qua ví dụ thực tế (người mới làm theo được)

Giờ mình sẽ hướng dẫn bạn làm một task dễ nhất:
✅ Tạo trang Landing Page + Form đăng ký email

Bước 1: Giao nhiệm vụ cho Antigravity

Bạn copy prompt này:

Prompt mẫu:

“Hãy tạo landing page đơn giản cho sản phẩm Antigravity. Bố cục gồm:

• Hero section: tiêu đề + mô tả ngắn + nút ‘Get Started’

• Section 3 lợi ích (cards)

• Form đăng ký email (input + button)
  Thiết kế tối giản, hiện đại, responsive. Nếu có file index.html thì chỉnh trực tiếp, nếu không có thì tạo file phù hợp.”

Bước 2: Để AI lập kế hoạch trước khi code

Nếu Antigravity có chế độ “plan”, bạn nên yêu cầu:

“Trước khi viết code, hãy liệt kê kế hoạch và các file sẽ chỉnh.”

Việc này giúp bạn:

• hiểu AI định làm gì

• tránh sửa lung tung

• dễ kiểm tra

Bước 3: Kiểm tra output

Sau khi AI tạo xong, bạn kiểm tra:

• bố cục đúng chưa

• có responsive không

• form có hoạt động không (ít nhất là submit giả lập)

Bước 4: Chạy thử dự án

Bạn mở terminal và chạy theo dự án:

Ví dụ:

• React: npm run dev hoặc npm start

• Node: npm run start

• HTML tĩnh: mở file hoặc dùng live server

Bước 5: Yêu cầu chỉnh sửa lần 2 (đây là cách dùng Antigravity tốt nhất)

Đừng kỳ vọng lần 1 hoàn hảo.
Bạn cứ nói rõ điều muốn chỉnh:

Ví dụ:

“Bố cục ổn rồi. Giúp mình làm nút Get Started nổi bật hơn, và thêm hiệu ứng hover nhẹ cho các card lợi ích.”

7) Cách dùng Antigravity để sửa lỗi (dành cho người mới)

Người mới thường sợ debug, nhưng Antigravity có thể giúp bạn rất nhiều.

Cách debug đúng:

Khi lỗi xảy ra, bạn cung cấp:

• thông báo lỗi đầy đủ

• file nào

• đoạn code liên quan

• bạn làm gì trước khi lỗi xuất hiện

📌 Prompt mẫu debug:

“Mình chạy project thì bị lỗi này trong terminal: (dán log). Lỗi xảy ra khi vào trang /login. Hãy tìm nguyên nhân và sửa giúp mình, ưu tiên cách sửa an toàn, không phá các chức năng khác.”

Mẹo cực quan trọng:

Nếu AI sửa xong, bạn nên yêu cầu:

“Giải thích ngắn gọn vì sao lỗi xảy ra và cách tránh trong tương lai.”

Bạn sẽ học nhanh hơn rất nhiều.

8) Những sai lầm người mới hay gặp khi dùng Antigravity

❌ 1) Giao việc quá chung chung

“Làm trang đẹp đẹp đi” → AI sẽ làm theo cảm tính.

✅ Thay bằng: “Tối giản, font rõ, 2 màu chủ đạo, responsive, có CTA”.

❌ 2) Không đưa tiêu chí hoàn thành

AI làm xong nhưng không biết bạn muốn gì là “đạt”.

✅ Thêm tiêu chí:

• có validate

• không crash khi dữ liệu rỗng

• chạy được npm run build

• không dùng thư viện lạ

❌ 3) Không kiểm tra lại code

AI có thể sai, hoặc làm “được” nhưng không tối ưu.

✅ Bạn cần:

• chạy thử

• đọc lại file quan trọng

• test vài case cơ bản

❌ 4) Sửa chồng sửa chéo không kiểm soát

Người mới hay “nhờ sửa liên tục” khiến code rối.

✅ Cách đúng:

• làm theo từng bước nhỏ

• mỗi lần sửa 1 mục tiêu

• commit lại (nếu dùng Git)

9) Mẹo dùng Antigravity hiệu quả như người có kinh nghiệm

Nếu bạn muốn dùng “xịn” hơn, hãy áp dụng 5 mẹo này:

✅ Mẹo 1: Luôn yêu cầu AI viết kế hoạch trước

Plan → Code → Test → Fix
Quy trình này giúp ổn định.

✅ Mẹo 2: Chia task lớn thành task nhỏ

Ví dụ thay vì:
“Làm hệ thống bán hàng”

Bạn chia:

1. tạo database schema

2. tạo API sản phẩm

3. tạo trang list sản phẩm

4. tạo giỏ hàng

✅ Mẹo 3: Yêu cầu code sạch, dễ đọc

Bạn có thể thêm câu:

“Viết code clean, đặt tên biến rõ ràng, có comment ngắn ở phần quan trọng.”

✅ Mẹo 4: Bắt AI viết test

“Viết thêm unit test cho phần này.”

✅ Mẹo 5: Bắt AI tự kiểm tra trước khi bàn giao

“Sau khi hoàn thành, hãy tự rà lại xem có lỗi runtime hoặc thiếu import không.”

10) Kết luận

Antigravity.google là một hướng tiếp cận mới trong việc lập trình cùng AI: thay vì chỉ gợi ý code, nó giúp bạn làm việc theo kiểu giao nhiệm vụ — AI thực thi — bạn kiểm tra và quyết định.

Với người mới, Antigravity cực kỳ hữu ích nếu bạn:

• giao việc rõ ràng

• làm theo từng bước nhỏ

• luôn kiểm tra lại kết quả

Chỉ cần dùng đúng cách, bạn sẽ thấy việc học và làm dự án nhẹ hơn rất nhiều.

Bonus: 10 prompt Antigravity dành cho người mới (copy dùng ngay)

1. “Tạo project React đơn giản có routing và 2 trang Home/About.”

2. “Tạo form đăng ký có validate email + password.”

3. “Tạo API CRUD sản phẩm bằng Node.js Express.”

4. “Sửa lỗi này trong terminal: (dán log).”

5. “Refactor file này cho clean hơn nhưng giữ nguyên chức năng.”

6. “Tối ưu UI trang này theo phong cách tối giản, hiện đại.”

7. “Thêm loading state và error state khi gọi API.”

8. “Viết unit test cho hàm này.”

9. “Giải thích đoạn code này dễ hiểu cho người mới.”

10. “Tạo README hướng dẫn chạy project từ đầu.”