NIE.vn - Nền tảng công nghệ giáo dục & Giải pháp AI

Hướng Dẫn Sử Dụng Context Trong Google Antigravity: Làm Chủ Media, Mentions, Actions & Browser Cho Lập Trình AI Đỉnh Cao 2026




Hướng Dẫn Sử Dụng Context Trong Google Antigravity: Làm Chủ Menu Add Context, Nạp Dữ Liệu Đa Phương Thức & Tối Ưu AI Coder 2026

Trong kỷ nguyên lập trình cùng tác nhân AI (Agentic Coding) năm 2026, câu châm ngôn kinh điển của giới công nghệ không còn là “Code is King” mà đã chính thức chuyển dịch thành “Context is King” (Ngữ cảnh là Vua). Một mô hình ngôn ngữ dù sở hữu hàng trăm tỷ tham số như Gemini 3.8 Flash hay Gemini Pro cũng sẽ hoàn toàn bất lực, sinh mã ảo giác (hallucination) hoặc phá hỏng cấu trúc dự án nếu như bạn cung cấp ngữ cảnh mù mờ. Ngược lại, khi biết cách nạp ngữ cảnh chuẩn xác, AI sẽ hóa thân thành một kiến trúc sư phần mềm cấp cao (Senior Staff Engineer) hiểu rõ từng dòng code của bạn.

💡 Định Nghĩa Cốt Lõi Về “Context” Trong Google Antigravity

Context (Ngữ cảnh) trong Antigravity là toàn bộ tập hợp thông tin đầu vào mà mô hình AI được phép “nhìn thấy” trước khi ra quyết định: bao gồm ảnh giao diện (Media), file mã nguồn cụ thể (@ Mentions), kịch bản thực thi (Actions), trạng thái trình duyệt web thời gian thực (Browser), cùng hệ thống quy tắc ngầm của dự án (System Rules).

Menu Add Context trong Google Antigravity
Hình 1: Menu pop-up “Add Context” trên thanh chat Google Antigravity với 4 vũ khí nạp dữ liệu: Media, Mentions, Actions và Browser.

Mục Lục Hướng Dẫn Sử Dụng Context Trong Antigravity

1. Vì Sao Context Quyết Định 90% Thành Bại Của Một Buổi Lập Trình AI?

Hãy tưởng tượng bạn thuê một lập trình viên tài năng về công ty. Vào ngày làm việc đầu tiên, bạn không cung cấp mã nguồn hiện có, không đưa tài liệu mô tả yêu cầu, không cho xem giao diện mẫu, mà chỉ nói cộc lốc: “Hãy làm cho tôi tính năng thanh toán giỏ hàng!”. Kết quả hiển nhiên là họ sẽ viết ra một đoạn code chạy độc lập, không ăn khớp với cơ sở dữ liệu hiện hành, sai tên biến và làm gãy toàn bộ luồng hoạt động cũ.

Tác nhân AI trong Google Antigravity cũng vận hành chính xác như vậy. Khác với các công cụ chatbot thông thường chỉ trò chuyện văn bản, Antigravity là một môi trường Agentic Coding tự trị: nó có khả năng đọc tệp tin, chỉnh sửa trực tiếp trên file code, chạy lệnh terminal, duyệt web và khởi tạo subagents. Nếu không kiểm soát tốt ngữ cảnh:

  • AI sẽ “đoán mò”: Tự bịa ra tên hàm hoặc cấu trúc bảng không có thật trong dự án.
  • Lãng phí Token & Giảm tốc độ suy luận: Nếu nhồi nhét bừa bãi hàng chục file không liên quan, mô hình sẽ bị phân tâm và phản hồi chậm chạp.
  • Phá hỏng mã nguồn đang chạy tốt: Sửa nhầm những tệp lõi ngoài phạm vi yêu cầu.

2. Giải Mã 4 Trụ Cột Trong Menu “Add Context”

Khi nhấp vào biểu tượng dấu cộng (+) hoặc nút ngữ cảnh cạnh khung nhập prompt, Antigravity mở ra menu Add Context với 4 công cụ chiến lược:

🖼️

1. Media (Tải Lên Đa Phương Tiện: Ảnh, PDF, Mockup)

Tận dụng năng lực thị giác máy tính siêu việt của mô hình Gemini Multimodal để truyền tải thông tin trực quan mà văn bản không thể diễn đạt hết.

  • Chụp ảnh lỗi giao diện (Bug UI): Chụp ảnh màn hình nút bấm bị lệch, bảng biểu vỡ khung hoặc phông chữ sai lề gửi cho Agent kèm câu lệnh “Hãy chỉnh lại CSS để căn giữa chuẩn như thiết kế”.
  • Chuyển đổi UI Mockup thành Code (Image-to-Code): Kéo thả ảnh thiết kế Figma, bản vẽ tay trên giấy hoặc ảnh chụp màn hình một website bạn thích. Antigravity sẽ tự động tái tạo thành mã HTML/CSS/React tương ứng chuẩn 100%.
  • Tài liệu đặc tả PDF / Sơ đồ kiến trúc: Tải lên tài liệu API spec, sơ đồ cơ sở dữ liệu ERD để Agent nắm bắt logic nghiệp vụ trước khi code.
@

2. Mentions (Định Danh @: File, Thư Mục, Code & Công Cụ)

Gõ ký tự @ trực tiếp trong ô chat hoặc chọn từ menu để định tuyến sự chú ý của Agent vào đúng vị trí cần tác động trong dự án.

Ví dụ: “Hãy kiểm tra hàm login trong @src/auth/auth_service.ts và cập nhật schema tại @prisma/schema.prisma”
  • @Files & @Folders: Chỉ định chính xác tệp tin hoặc thư mục cần đọc. Agent sẽ chỉ đọc nội dung file đó mà không mất công quét hàng nghìn file trong project.
  • @Conversations: Nhắc đến một phiên hội thoại cũ trong quá khứ để kế thừa các quyết định kiến trúc trước đây.
  • @Terminal & @Git: Nạp kết quả lỗi vừa chạy trong terminal hoặc diff commit gần nhất để Agent phân tích nguyên nhân lỗi biên dịch.
  • @MCP Servers: Kích hoạt các công cụ mở rộng từ Model Context Protocol (như kết nối cơ sở dữ liệu, DaVinci Resolve, GitHub API).
⧄

3. Actions (Hành Động Chuyên Biệt & Lệnh Tắt Slash Commands)

Kích hoạt các chế độ làm việc chuyên sâu để thay đổi cách thức tư duy và kiểm soát hành vi của Agent.

  • /plan (Planning Mode): Bắt buộc Agent phải lập kế hoạch chi tiết từng bước (Step-by-step Execution Plan) và đợi bạn duyệt trước khi được phép chạm vào code.
  • /goal: Kích hoạt chế độ kiên trì cao độ, Agent sẽ tự động chạy lặp, sửa lỗi, chạy test cho đến khi đạt mục tiêu mới dừng.
  • /schedule: Lên lịch cho tác vụ chạy ngầm định kỳ (Cron automation) hoặc đặt đồng hồ báo thức nhắc nhở.
  • /boost: Kích hoạt chế độ suy luận đa góc nhìn (Multi-perspective deep thinking) cho các bài toán kiến trúc hệ thống hóc búa.
🌐

4. Browser (Trình Duyệt Web Thời Gian Thực & Kiểm Thử Tự Động)

Kết nối trực tiếp Agent với thế giới web thực tế thông qua trình duyệt Chromium tự động hóa (Playwright Engine).

  • Đọc tài liệu API mới nhất: Khi sử dụng một thư viện vừa cập nhật phiên bản mới năm 2026, bạn chỉ cần đưa link Docs. Agent sẽ tự truy cập, đọc tài liệu gốc và viết code theo cú pháp mới nhất mà không sợ bị lỗi thời.
  • Tự động kiểm thử giao diện (End-to-End Testing): Agent tự mở localhost, click vào các nút, nhập dữ liệu vào form thanh toán, chụp ảnh màn hình và báo cáo xem luồng người dùng có bị lỗi hay không.
  • Kiểm tra hiển thị đa thiết bị (Responsive Check): Tự động đổi kích thước màn hình sang iPhone, iPad, Desktop để rà soát lỗi vỡ giao diện.

3. Kiến Trúc Ngữ Cảnh Đa Tầng Của Antigravity

Bên cạnh menu thao tác nhanh trên giao diện, Antigravity vận hành một hệ thống 4 tầng ngữ cảnh ngầm định hoạt động liên tục:

Tầng 1: System Rules & Skills (.agents/)

Các file quy chuẩn dự án đặt tại thư mục .agents/rules/. Mọi phiên trò chuyện đều tự động nạp các quy tắc này (ví dụ: “Luôn dùng TypeScript”, “Không dùng thư viện nặng”, “Giao diện tuân thủ phong cách NIE Minimalist”).

Tầng 2: Dynamic Workspace State

Antigravity luôn nắm bắt cây thư mục (File Tree), các file đang mở trên tab soạn thảo, trạng thái Git (Branch hiện tại, Uncommitted changes) và nhật ký thực thi gần nhất trong Terminal.

Tầng 3: Living Artifacts & Generative UI

Tài liệu thiết kế, sơ đồ Mermaid và kế hoạch dài hạn được lưu trữ riêng trong mục Artifacts độc lập. Điều này giúp Agent có thể tra cứu kiến trúc bất kỳ lúc nào mà không làm tràn Context Window của phiên hội thoại.

Tầng 4: Multi-Agent Context Isolation

Khi giao việc lớn, Orchestrator sẽ triệu hồi các Subagents chuyên trách (ví dụ: Research Agent, Testing Agent). Mỗi subagent sở hữu một không gian ngữ cảnh riêng, tự làm việc và chỉ gửi bản tóm tắt tinh gọn về máy chủ chính, loại bỏ hoàn toàn rác ngữ cảnh.

4. Cẩm Nang Thực Chiến: Tránh “Nhiễm Độc Ngữ Cảnh” (Context Poisoning)

Một sai lầm rất phổ biến của người mới dùng Antigravity là bấm chọn tất cả các file trong dự án hoặc gửi toàn bộ log hàng chục nghìn dòng. Điều này gây ra hiện tượng Context Poisoning (Nhiễm độc ngữ cảnh): AI bị choáng ngợp bởi quá nhiều thông tin nhiễu và bắt đầu đưa ra những gợi ý sai lệch.

📌 4 Nguyên Tắc Vàng Khi Quản Trị Ngữ Cảnh:

  1. Nguyên tắc Tối giản Chính xác (Precision over Volume): Chỉ @mention đúng 2 đến 3 file trực tiếp liên quan đến tác vụ (ví dụ: file Component và file Schema). Không bao giờ mention cả thư mục node_modules hoặc thư mục chứa ảnh lớn.
  2. Đóng băng quyết định vào Artifacts: Sau khi thảo luận xong giải pháp, hãy yêu cầu Agent lưu lại vào một file tài liệu tóm tắt trong thư mục dự án. Khi bắt đầu phiên làm việc mới, bạn chỉ cần mention file tóm tắt đó.
  3. Chụp ảnh lỗi cục bộ: Khi gặp lỗi giao diện, chỉ chụp đúng vùng bị lỗi kèm bảng điều khiển Inspect Element. Tránh chụp cả màn hình 4K chứa nhiều tab cá nhân không liên quan.
  4. Khởi tạo Conversation mới khi đổi chủ đề: Đừng kéo dài một cuộc trò chuyện từ sửa giao diện sang viết API backend rồi sang cấu hình Docker. Khi hoàn thành một tính năng, hãy mở New Conversation để AI có một tâm trí hoàn toàn trong trẻo và sắc bén.

5. Bảng So Sánh Kỹ Thuật: Prompt Chung Chung vs. Prompt Chuẩn Ngữ Cảnh

Tình Huống Làm Việc Cách Ra Lệnh Kém (Thiếu Context) Cách Ra Lệnh Đẳng Cấp (Full Context)
Sửa lỗi giao diện vỡ nút bấm “Cái nút thanh toán bị vỡ kìa, sửa lại cho tôi đi.” Đính kèm ảnh chụp nút bị vỡ qua [Media] + “@src/components/CheckoutButton.tsx Hãy chỉnh lại flex-wrap và padding.”
Tích hợp cổng VietQR mới “Viết code tạo mã QR ngân hàng Sacombank.” Dùng [Browser] đưa link api.vietqr.io + “@services/payment.ts Tham chiếu tài khoản 0912345678 theo cú pháp chuẩn.”
Refactor module lớn “Viết lại toàn bộ phần quản lý học viên cho gọn hơn.” Kích hoạt [Actions] chọn /plan + “@models/student.ts Hãy lập kế hoạch 3 bước tách nhỏ component trước khi sửa code.”

6. Đúc Kết & Khóa Đào Tạo Lập Trình AI Agents Tại NIE.vn

Làm chủ Context trong Google Antigravity chính là chìa khóa phân định ranh giới giữa một người chỉ “dùng thử AI cho vui” và một kỹ sư công nghệ khai phóng trọn vẹn sức mạnh x10 năng suất lập trình. Bằng cách kết hợp linh hoạt giữa Media (thị giác trực quan), Mentions (định danh chuẩn xác), Actions (kịch bản điều hướng) và Browser (kiểm thử thời gian thực), bạn có thể dễ dàng xây dựng những hệ thống phần mềm phức tạp, web app doanh nghiệp hay hệ sinh thái tự động hóa chỉ trong vài giờ làm việc.

🤖 Đội Ngũ AI Tự Hành 24/7

Tự động hóa quy trình nghiệp vụ, cào dữ liệu, xử lý tài liệu và đối soát báo cáo liên tục không ngừng nghỉ.

✍️ AI Sáng Tạo Nội Dung

Tự động viết bài chuẩn SEO, thiết kế Infographic và phân phối đa kênh lên Website, Facebook Fanpage.

🔗 Kết Nối n8n & Webhooks

Tích hợp liền mạch với Google Workspace, CRM, Zalo OA, Telegram và hệ thống cơ sở dữ liệu doanh nghiệp.

🧠 Đa Mô Hình AI Tiên Tiến

Ứng dụng linh hoạt Google Gemini Pro, OpenAI GPT, Claude 3.5 và các mô hình mã nguồn mở DeepSeek/Ollama.

🎓 Khóa Học AI Thực Chiến

Chương trình đào tạo từ cơ bản đến nâng cao: Làm chủ AI Agents, Prompt Engineering và Tự động hóa 0đ chi phí.

💎 Tài Khoản AI Doanh Nghiệp

Cung cấp gói tài khoản Google One 2TB, Gemini Advanced, ChatGPT Plus bản quyền giá ưu đãi.

🏢 Đơn Vị Pháp Lý Rõ Ràng

HỘ KINH DOANH CÔNG NGHỆ VÀ GIÁO DỤC NGUYỄN THÔNG (MST: 6000861747-001). Cung cấp hóa đơn và hợp đồng đầy đủ.

🔒 Bảo Mật Dữ Liệu Khách Hàng

Tuân thủ nghiêm ngặt Nghị định 13/2023/NĐ-CP về bảo vệ dữ liệu cá nhân và bí mật kinh doanh của khách hàng.

🚀 Đưa AI Agents và Tự Động Hóa vào vận hành doanh nghiệp & giảng dạy ngay hôm nay!
TƯ VẤN GIẢI PHÁP AI ➔
💬
👋 Cần tư vấn giải pháp? Hỏi Trợ lý AI ngay!