Antigravity CLI cho phép nhà phát triển kết hợp front-end Angular, Firebase’s Hybrid Web SDK và các mô hình Gemini Nano chạy trên thiết bị để tạo ra một ứng dụng phân tích hình ảnh chạy trực tiếp trong Chrome mà không cần chạm tới đám mây. Cùng một mã nguồn đó sẽ tự động chuyển sang Gemini 3.5 Flash đối với các trình duyệt không thể chạy mô hình Nano, giúp trải nghiệm luôn được duy trì ổn định ở mọi nơi.

Tại sao sự kết hợp này lại quan trọng

Việc gắn thẻ hình ảnh bằng AI, tạo văn bản thay thế (alt-text) và gợi ý CSS giúp cải thiện khả năng tiếp cận và thiết kế, nhưng việc gửi mọi khung hình đến một mô hình từ xa sẽ nhanh chóng làm tăng chi phí. Bằng cách chạy Gemini Nano trực tiếp trong trình duyệt, bản demo này giúp hầu hết người dùng tránh được việc tính phí dựa trên token. Chỉ khi sử dụng Safari hoặc các trình duyệt không phải Chrome mới kích hoạt cơ chế dự phòng đám mây và phát sinh chi phí.

Các thành phần tạo nên sự kết hợp hoàn hảo

  • Antigravity CLI – một trợ lý điều khiển bằng AI hoạt động ngay trong terminal của nhà phát triển. Nó có thể gọi các "kỹ năng" chuyên biệt như tạo tài liệu, mô hình hóa domain hoặc đánh giá mã nguồn mà không cần rời khỏi dòng lệnh.
  • Stitch MCP Server – một dịch vụ do Google cung cấp, giúp chuyển đổi các câu lệnh ngôn ngữ tự nhiên thành các màn hình giao diện người dùng (UI) tương tác. Trong bản demo, nó đã tạo ra thiết kế ban đầu, sau đó CLI xuất ra dưới dạng một tệp token DESIGN.md.
  • Angular MCP Server – cung cấp khung làm việc (scaffolding) và các công cụ theo tiêu chuẩn tốt nhất cho máy chủ phát triển Angular, đảm bảo dự án tuân thủ các mô hình hiện đại như Signals.
  • Firebase Hybrid Web SDK – kết nối front-end với lớp AI Logic của Firebase và Prompt API được sử dụng để gọi các mô hình Gemini.

Prompt API sẽ quyết định xem yêu cầu sẽ được xử lý trên thiết bị (Gemini Nano) hay được gửi lên đám mây (Gemini 3.5 Flash). Chrome 148+ bao gồm runtime cần thiết cho mô hình Nano; các trình duyệt khác sẽ tự động kích hoạt lộ trình đám mây.

Cách nhà phát triển duy trì chất lượng cao

Bốn kỹ năng AI được chạy lặp đi lặp lại:

  1. grill-with-docs – tạo ra Bản ghi Quyết định Kiến trúc (ADR) nhằm ghi lại thiết kế cấp cao và các đánh đổi (trade-offs).
  2. domain-modeling – phác thảo các cấu trúc dữ liệu cung cấp cho quy trình phân tích hình ảnh.
  3. code-review – một cặp sub-agent quét kho lưu trữ để tìm các lỗi tiềm ẩn (smells), sự không khớp với ADR và bất kỳ sự sai lệch nào so với đặc tả ban đầu.
  4. angular / firebase – xác minh rằng mã nguồn tuân thủ các quy chuẩn Angular hiện đại và các lệnh gọi Firebase AI Logic được định dạng chính xác.

Hai quy trình làm việc đã xuất hiện. Đầu tiên, ADR được tạo tự động bằng lệnh /grill-with-docs; sau đó lệnh /goal sẽ hướng dẫn AI thực hiện bản ghi quyết định đó từ đầu đến cuối. Thứ hai, nhà phát triển viết ADR thủ công và chạy /code-review để AI kiểm tra việc triển khai. Cách làm thủ công giúp xây dựng "trí nhớ cơ bắp" (muscle memory) trong khi vẫn kịp thời phát hiện các lỗi hồi quy (regressions).

Quy trình UI trong thực tế

Nhà phát triển nhập một mô tả ngắn về màn hình mong muốn vào Stitch. Stitch trả về một bản mockup. Antigravity CLI phân tích bản mockup, trích xuất các design token và ghi chúng vào DESIGN.md. Các token đó ánh xạ thiết kế vào các thành phần Angular sẵn sàng cho môi trường production.

Front-end tải mô hình Gemini Nano cục bộ trên Chrome 148+ và chuyển sang Gemini 3.5 Flash thông qua Firebase khi thiếu runtime cần thiết, dẫn đến việc phát sinh phí token.

Các đánh đổi

Các mô hình chạy trên thiết bị giới hạn bạn ở các tác vụ phù hợp với khả năng của Nano—như phân loại đơn giản, chú thích và gợi ý phong cách. Các công việc thị giác (vision) phức tạp hơn vẫn cần đến mô hình đám mây.

Bài học rút ra

Antigravity CLI cho thấy các nhà phát triển hiện có thể lắp ráp một luồng phân tích hình ảnh AI full-stack—giao diện Angular, backend Firebase và suy luận Gemini trên thiết bị—mà không phải trả tiền cho hầu hết các lượt gọi suy luận. Cách tiếp cận này phụ thuộc vào sự hỗ trợ mô hình trên thiết bị của Chrome, nhưng nó cung cấp một bản thiết kế rõ ràng cho các ứng dụng nhạy cảm về chi phí có thể chấp nhận việc dự phòng đám mây cho các trường hợp ngoại lệ.