VS Code, Cursor và Antigravity: website chạy được vẫn chưa đủ để bàn giao

Phần thuyết phục nhất của bản Antigravity là cách các lựa chọn nhỏ phục vụ cùng một cảm giác thương hiệu. Mục Shop by Mood dùng những phối màu chuyển sắc khác nhau cho từng nhóm thay vì phủ một nền giống nhau lên toàn bộ danh mục. Với sản phẩm như nước hoa, cách phân nhóm bằng cảm xúc giúp trang web truyền đạt sự khác biệt ngay cả trước khi người xem đọc mô tả.

Bài trắc nghiệm chọn mùi có giao diện gọn, còn trang chủ có chuyển động nhẹ đưa chai nước hoa lên xuống. Trong lần tạo website AUREVI bằng Gemini 3.8 này, những chi tiết đó xuất hiện cùng phần bố cục và màu sắc tương đối thống nhất. Chúng khiến bản đầu bớt cảm giác ghép các thành phần có sẵn vào một mẫu cửa hàng chung.

Tuy nhiên, chuyển động không tự làm trải nghiệm tốt hơn. Với website bán hàng, hiệu ứng phải nhường chỗ cho nội dung sản phẩm và thao tác mua; một animation đẹp nhưng khiến nút bấm khó tìm vẫn là lựa chọn sai. Giá trị ở đây nằm ở sự tiết chế và tính nhất quán, không phải số lượng hiệu ứng AI có thể thêm vào.

Điểm yếu còn lại là hình ảnh nước hoa chưa đạt độ trau chuốt tương xứng. Khi bố cục đã tốt, ảnh thiếu sức nặng lại càng dễ lộ: người xem không mua một tổ hợp gradient mà cần nhận diện được món hàng. Đây cũng là lý do không nên dùng mức hoàn thiện của trang chủ để thay cho đánh giá toàn bộ website.

Antigravity đáng chú ý nhất với dạng yêu cầu cần truyền đạt phong cách ngay từ bản đầu. Kết quả này là một lý do hợp lý để đưa công cụ vào danh sách thử nghiệm cho dự án giao diện, chứ chưa phải lý do để thay mọi công cụ đang dùng hay giao toàn bộ quyết định thiết kế cho AI.

Kiểm thử chức năng và kiểm tra chất lượng thị giác là những việc khác nhau. Trong lần thực hiện yêu cầu AUREVI, Copilot triển khai gần hết các mục được giao và có chạy kiểm thử bằng trình duyệt tích hợp của VS Code. Dù vậy, bản giao diện vẫn dùng chữ quá nhỏ, đến mức phải chỉnh lại nhiều cỡ chữ bằng tay.

Đây không phải một lỗi trang trí có thể mặc nhiên bỏ qua. Kích thước chữ tác động trực tiếp tới khả năng đọc thông tin sản phẩm và nhận ra thứ tự ưu tiên trên trang. Một luồng thao tác vẫn có thể chạy đúng trong khi người mua phải căng mắt đọc tên hàng hoặc mô tả.

Ảnh nước hoa cũng bị đặt nhỏ so với tổng thể, khiến phần giới thiệu sản phẩm thiếu điểm nhấn. Khi bán mặt hàng gắn với cảm nhận và hình ảnh thương hiệu, bố cục có đủ khối nội dung vẫn chưa hoàn thành nhiệm vụ nếu sản phẩm chính bị chìm giữa khoảng trống và chữ.

Bài học thực dụng là không giao cho AI một tiêu chí mơ hồ như “hãy kiểm tra website” rồi mặc định mọi lớp chất lượng đã được kiểm chứng. Người làm web cần tách yêu cầu chạy đúng luồng mua hàng khỏi yêu cầu kiểm tra cỡ chữ, độ tương phản và tỷ lệ hiển thị trên màn hình hẹp. Đó là các tiêu chí nghiệm thu cần bổ sung, không phải những kết quả đã được chứng minh trong lần thử này.

Tốc độ dựng bản mẫu có ích rõ ràng khi cần xác nhận hướng thiết kế sớm. Trong bài thử AUREVI, Cursor hoàn thành trước hai công cụ còn lại, nhưng không có số phút cụ thể hay số lượt chạy lặp để tính mức chênh lệch.

Bản Cursor bám yêu cầu và tạo được website hoạt động, với tông be, kiểu chữ thanh và cách dùng sắc độ khá đồng bộ. Vấn đề là tổng thể mới dừng ở mức trình bày ổn, trong khi một cửa hàng nước hoa cao cấp cần cá tính rõ hơn. Một số biểu tượng còn chung chung, còn ảnh ở các khu vực chưa đủ trau chuốt.

Điểm này đặt ra hai cách nhìn khác nhau về hiệu quả. Nếu mục tiêu là có khung sản phẩm để trao đổi với khách hàng, bản đầu ra nhanh có thể đáng giá hơn việc chờ thêm cho các chi tiết nhỏ. Nhưng nếu mục tiêu là bàn giao, phần thời gian tiết kiệm ấy phải được đặt cạnh công sửa thiết kế sau đó.

Không có số liệu về tổng thời gian chỉnh sửa nên chưa thể kết luận Cursor tiết kiệm công nhất, cũng không thể nói Antigravity rẻ hơn xét theo giờ làm. Người phát triển nên ghi lại cả thời gian chờ AI lẫn thời gian mình sửa, thay vì dùng riêng thời điểm công cụ báo hoàn thành làm thước đo năng suất.

Một bản thanh toán demo chỉ chứng minh luồng minh họa có thể được dựng, không chứng minh giao dịch thật đã an toàn. Tương tự, ảnh chụp trang sản phẩm đẹp không nói được cách hệ thống xử lý tồn kho, lỗi mạng hay dữ liệu người mua. Gọi một bản như vậy là mã nguồn đạt chuẩn vận hành sẽ đi xa hơn những gì kết quả hiện có cho phép.

Google mô tả Antigravity 2.0 là nền tảng điều phối agent có ứng dụng độc lập cho macOS, Windows và Linux, bên cạnh Antigravity IDE và các thành phần tích hợp vào trình soạn thảo khác. Vì vậy, cũng không chính xác nếu chỉ xem Antigravity là một tiện ích gắn vào VS Code.

Phần đáng quan tâm về kỹ thuật là artifacts: những đầu ra như kế hoạch triển khai, bản giải thích thay đổi, ảnh chụp hoặc bản ghi trình duyệt giúp người phát triển kiểm tra công việc của agent. Tài liệu Google cũng nói các đầu ra này không phải lúc nào cũng được tạo; chúng phụ thuộc tác vụ và cách yêu cầu. Không có cơ sở để mặc định mọi cơ chế ấy đều đã được sử dụng trong dự án AUREVI.

Một bản ghi thao tác có thể giúp xác nhận agent đã đi qua luồng nào, nhưng không tự thay thế kiểm tra mã nguồn và các trường hợp lỗi. Đối với đội phát triển, năng lực đáng tìm ở công cụ AI là khả năng để lại bằng chứng có thể xem xét, rồi cho phép sửa đúng chỗ; vẻ ngoài trau chuốt chỉ là một phần của quá trình đó.

Với lập trình viên nhận dự án tại Việt Nam, tiêu chí hữu ích hơn một bảng xếp hạng chung là khối lượng công việc còn lại sau khi AI tạo bản đầu. Ngay cả khi dùng một yêu cầu giống AUREVI, thay nội dung mẫu bằng dữ liệu của khách hàng vẫn có thể làm lộ những vấn đề mà giao diện ban đầu che đi.

Ở bước nghiệm thu, nên thay tên và mô tả sản phẩm bằng tiếng Việt có dấu, kiểm tra chuỗi dài, định dạng giá tiền và cách ngắt dòng trên điện thoại. Đây là đề xuất kiểm tra thực tế, không phải khẳng định công cụ nào đã mắc các lỗi ấy. Cỡ chữ nhỏ trong bản VS Code cho thấy vì sao việc nhìn lại bằng nội dung thật không nên bị xem là bước phụ.

Ảnh sản phẩm cũng cần được chốt sớm thay vì để tới cuối. Khi cả những bản thiết kế khá đều còn yếu ở hình ảnh, người phát triển nên đưa bộ ảnh đã được duyệt và quy tắc tỷ lệ ảnh vào yêu cầu ngay từ đầu. AI có thể bố trí thành phần, nhưng không thể tự quyết định ảnh nào thể hiện đúng hàng hóa và quyền sử dụng của cửa hàng.

Antigravity có kết quả thiết kế đáng ưu tiên thử trong bài toán này; Cursor phù hợp để cân nhắc khi cần bản mẫu sớm, còn VS Code cho thấy công cụ quen thuộc vẫn có thể đảm đương phần triển khai đáng kể. Quyết định cuối nên dựa trên một tác vụ mẫu lấy từ dự án thật của mình, với cùng tiêu chí nghiệm thu và ghi lại công sửa.

Điểm phân biệt công cụ hỗ trợ tốt không nằm ở việc AI tự gọi sản phẩm là hoàn chỉnh. Nó nằm ở chỗ người phát triển có thể kiểm tra, chỉnh sửa và chịu trách nhiệm cho bản bàn giao với ít công sức hơn đến đâu.

Nguồn tham khảo: XDA Developers, Google Codelabs