Dự án mẫu & Kịch bản
Khám phá cách Antigravity giải quyết các bài toán thực tế thông qua các dự án mẫu và hội thoại chuyên sâu.
Sàn TMĐT Tích Hợp AI
Hệ thống thương mại điện tử quy mô lớn, tích hợp AI tìm kiếm ngữ nghĩa, gợi ý sản phẩm và cá nhân hóa trải nghiệm.
/plan thiết kế kiến trúc sàn TMĐT bán đồ nội thất với tính năng tìm kiếm bằng hình ảnh và giọng nóiBước 1: Lập kế hoạch. Phân tích yêu cầu, vẽ sơ đồ ERD (Products, Users, Orders, Reviews), xác định Tech Stack và chiến lược caching.
/create dự án e-commerce sử dụng Next.js 15 App Router, Tailwind CSS v4 và Prisma ORMBước 2: Khởi tạo Project. Scaffold cấu trúc thư mục chuẩn Enterprise (src/features, src/shared), cài đặt dependencies tối ưu.
Viết Prisma Schema cho bảng Product, Variant và Inventory, tuân thủ @rules:database-design.mdBước 3: Database Design. Định nghĩa schema, thiết lập quan hệ Indexing, Foreign Keys chuẩn 3NF để tối ưu truy vấn.
/produce-api xây dựng API lọc sản phẩm theo 15 tiêu chí (giá, màu, kích thước...) với tốc độ <100msBước 4: Backend API. Implement Dynamic Filtering, Pagination và sử dụng Redis để cache kết quả tìm kiếm phổ biến.
/ui-ux-pro-max thiết kế trang danh sách sản phẩm dạng Masonry Grid, có Infinite ScrollBước 5: Frontend UI. Xây dựng giao diện responsive, lazy loading hình ảnh, skeleton loading để tối ưu UX.
Tích hợp tính năng 'Tìm kiếm ngữ nghĩa' dùng Pinecone Vector DB, cho phép search 'ghế sofa êm cho mùa đông'Bước 6: AI Integration. Nhúng OpenAI Embeddings để chuyển đổi text sang vector, giúp tìm kiếm theo ý định người dùng (Semantic Search).
Xây dựng giỏ hàng (Cart) đồng bộ Real-time giữa các thiết bị dùng Supabase RealtimeBước 7: Feature Logic. Xử lý logic giỏ hàng phức tạp, đồng bộ trạng thái khi người dùng chuyển từ điện thoại sang laptop.
Kiểm tra bảo mật thanh toán Stripe Webhook, chống Double-Spending theo @rules:security.mdBước 8: Security. Rà soát logic thanh toán, xác thực chữ ký (Signature Verification) và xử lý idempotency.
/seo tự động tạo 10.000 trang chi tiết sản phẩm chuẩn SEO (Dynamic Sitemap, Schema Product)Bước 9: SEO Automation. Cấu hình Dynamic Metadata, JSON-LD Structured Data để Google Index nhanh chóng.
/deploy thiết lập CI/CD pipeline, chạy migration và deploy lên Vercel Edge NetworkBước 10: Launch. Đưa sản phẩm ra thị trường với quy trình deploy tự động, zero-downtime.