Cái Bẫy "Vibe Coding": Tại Sao AI Của Bạn Cần Một Kiến Trúc Sư, Không Chỉ Là Một Coder

Trong kỷ nguyên của Vibe Coding—nơi chúng ta mô tả tầm nhìn và AI tạo ra việc triển khai—thật dễ dàng để cảm thấy bất khả chiến bại. Nhưng AI là một họa sĩ đẳng cấp thế giới, không phải lúc nào cũng là một kỹ sư kết cấu.

Vấn Đề: Khi Frontend và Backend Xung Đột

Tôi đang sử dụng AI để triển khai tính năng bản tin đơn giản. Nó bắt đầu rất đẹp. UI mượt mà, hoạt ảnh trơn tru và "vibe" rất đúng.

Tuy nhiên, mọi thứ trở nên "lộn xộn" khi tôi yêu cầu AI tích hợp cơ sở dữ liệu (Firestore). AI bắt đầu tiêm logic phía máy chủ (Firebase Admin SDK) trực tiếp vào mã React phía máy khách của tôi. Đột nhiên, bảng điều khiển trình duyệt của tôi đầy rẫy lỗi đỏ:

• Xung đột Phiên bản: Nó trộn lẫn các import React 18 và 19, gây ra lỗi đối chiếu làm đóng băng trình duyệt.
• Môi trường Không khớp: Nó cố gắng chạy các mô-đun Node.js "chỉ dành cho máy chủ" trong môi trường trình duyệt.
• Nợ Kiến trúc: Dự án trở nên rối rắm đến mức ngay cả AI cũng không thể tìm ra cách sửa chữa sai lầm của chính nó.

Bài Học: AI Studio Là Chuyên Gia UI

Google AI Studio (và các LLM tương tự) cực kỳ giỏi trong việc tạo mẫu UI/UX. Chúng có thể tạo ra một frontend trong vài giây. Nhưng khi bạn yêu cầu nó xử lý Backend và DB trong cùng một ngữ cảnh, nó thường mất đi "tranh ảnh kiến trúc lớn". Nó ưu tiên làm cho mã trông hoàn chỉnh hơn là làm cho hệ thống hoạt động chính xác.

Chiến Lược Mới Của Tôi: Phương Pháp "Micro-Vibe"

Để sửa dự án, tôi phải dừng "vibe" và bắt đầu "kiến trúc". Chúng tôi chuyển sang Kiến Trúc Tách Biệt, và đây là cách tôi khuyên bạn nên tiếp cận dự án do AI điều khiển tiếp theo của mình:

1. Tách Biệt "Vibes": Đừng yêu cầu AI xây dựng một "Ứng dụng Full-stack". Hãy yêu cầu nó xây dựng ba thứ riêng biệt: Frontend (thuần UI/UX), Backend API (lưu trữ độc lập), và cấu hình Cơ sở dữ liệu.
2. Sử Dụng Cloud Run làm "Nơi Trú Ẩn An Toàn": Thay vì để AI làm lộn xộn frontend của bạn với các khóa cơ sở dữ liệu, hãy triển khai một Backend API nhỏ trên Cloud Run. Điều này giữ cho frontend của bạn "sạch sẽ" và cơ sở dữ liệu của bạn "an toàn".
3. Hãy Là Kiến Trúc Sư, Để AI Là Người Xây Dựng: AI có thể viết mã, nhưng bạn phải xác định ranh giới. Sử dụng các ràng buộc như: "Xây dựng UI bằng React, nhưng không bao gồm bất kỳ SDK Cơ sở dữ liệu nào."

#AIEngineering #Architecture #VibeCoding

← Blog