Từ V1.0 đến V2.0: Tái định nghĩa về Vibe Coding Pipeline
Gần đây tôi đã sửa một lỗi đánh máy nhỏ trong dự án mã nguồn mở của mình, vibe-coding-universal. Tôi đã đổi một nhãn từ v2.0 (cũ) thành v1.0 (cũ).
Thay đổi nhỏ này đã bộc lộ một vấn đề lớn. Ngay cả tôi cũng không biết tên phiên bản của chính mình. Nếu tôi còn thấy bối rối, người dùng của bạn cũng sẽ bị lạc lối.
Phiên bản đầu tiên của tôi rất đơn giản. Nó sử dụng 7 câu hỏi để giúp AI hiểu các yêu cầu. Nó tạo ra một tệp hướng dẫn duy nhất cho các công cụ như Claude Code hoặc Cursor. Nó hoạt động, nhưng vẫn có những thiếu sót:
- AI phải tự đoán màu sắc, phông chữ và khoảng cách.
- Thiết kế và các tác vụ nằm chung trong một tệp duy nhất.
- AI dựa vào trí nhớ của chính nó thay vì các hệ thống thiết kế thực thụ.
Phiên bản 2.0 không chỉ là một bản cập nhật. Đó là một cách làm việc mới.
V1.0 so với V2.0:
V1.0:
- 7 vòng câu hỏi về yêu cầu.
- Không có quy tắc thiết kế.
- Một tệp hướng dẫn duy nhất.
- Không có tham chiếu bên ngoài.
V2.0:
- 7 vòng yêu cầu + 7 vòng sở thích thiết kế.
- Tệp DESIGN_SPEC.md đầy đủ với màu sắc, phông chữ và các quy tắc bố cục.
- Một gói Build Spec hoàn chỉnh (PRD, Thiết kế, Kiến trúc, Tác vụ).
- Truy cập vào 71 hệ thống thiết kế thương hiệu như Stripe, Linear và Apple.
- Các CSS token chính xác để AI sử dụng.
Hầu hết mọi người đều viết prompt cho AI rất tệ. Họ hỏi: "Bạn thích phong cách thiết kế nào?" Câu hỏi này quá rộng.
Thay vào đó, V2.0 sử dụng hình thức trắc nghiệm. Mỗi vòng sẽ hỏi một câu hỏi với 4 đến 6 lựa chọn.
- Vòng 1: Loại dự án (SaaS, Dashboard, công cụ AI, v.v.).
- Vòng 2: Tham chiếu hình ảnh (Stripe, Apple, Vercel, v.v.).
- Vòng 3: Tâm trạng màu sắc (Lạnh, Ấm, Trung tính).
Sau 7 vòng, hệ thống sẽ lấy các design token từ 71 hệ thống thương hiệu. Nó xuất ra một danh sách biến CSS. Điều này cung cấp cho AI những chỉ dẫn chính xác.
Lỗi phiên bản xảy ra vì khoảng cách giữa V1.0 và V2.0 là quá lớn. Tôi đã coi cả hai đều là phiên bản "hiện tại".
Nếu dự án của bạn trải qua một sự thay đổi lớn, hãy sử dụng các nhãn phiên bản rõ ràng. Người dùng sẽ không dành 5 phút để nghiên cứu cấu trúc của bạn. Họ chỉ dành cho bạn 10 giây thôi.
Trước bản cập nhật tiếp theo, hãy tự hỏi mình:
Một người dùng mới có thể hiểu được sự so sánh này trong vòng 3 giây không?
Nếu câu trả lời là không, hãy sửa văn bản trước khi bạn sửa mã nguồn.
Cộng đồng học tập tùy chọn: https://t.me/GyaanSetuAi