Bài 08: Nghệ thuật ra lệnh cho AI — Viết prompt như một chuyên gia
Giai đoạn 2: BIẾT NGHĨ 🧠 Thời lượng: 45-90 phút (đọc + thực hành + bài tập) Công cụ: Google AI Studio — aistudio.google.com
🎯 Mục Tiêu Bài Học
- Sau bài này, bạn sẽ nắm 5 nguyên tắc viết prompt hiệu quả cho Vibe Coding
- Sau bài này, bạn sẽ biết cách xử lý khi AI làm “sai ý” — không phải AI dốt, mà mình mô tả chưa rõ
- Sau bài này, bạn sẽ có bộ sưu tập 5 prompt mẫu “khung” dùng được cho nhiều loại sản phẩm
💡 Ví Dụ Thực Tế
Chị Nga muốn tạo trang bán khóa học nấu ăn. Lần 1, chị gõ: “Tạo trang bán khóa học nấu ăn.” Kết quả: trang trông xấu, thiếu nội dung, không có giá. Lần 2, chị gõ: “Tạo landing page bán khóa học ‘Nấu Ăn Cho Bận Rộn’ — 30 công thức nấu trong 15 phút. Đối tượng: mẹ bỉm sữa và dân văn phòng. Giá: 499.000đ. Có video preview, đánh giá 5 sao từ học viên, bảng giá so sánh 3 gói, nút ‘Đăng ký ngay’ màu cam lớn. Thiết kế ấm áp, màu cam + trắng + kem, hình ảnh đồ ăn hấp dẫn.” Kết quả: trang đẹp, đủ nội dung, chuyên nghiệp. Cùng một AI — khác nhau ở cách “đặt hàng.”
📚 Kiến Thức Cần Biết
5 nguyên tắc viết prompt hiệu quả cho Vibe Coding.
Nguyên tắc 1 — Cụ thể như đặt hàng áo may đo: thay vì “trang bán hàng đẹp”, hãy nói “landing page bán giày thể thao, màu đen trắng, phong cách Nike, có 4 phần: hero banner, sản phẩm nổi bật, đánh giá, form mua hàng.”
Nguyên tắc 2 — Nói rõ đối tượng: thay vì “trang giới thiệu”, hãy nói “trang giới thiệu dịch vụ kế toán cho chủ shop online nhỏ, giọng văn thân thiện, dễ hiểu, không dùng thuật ngữ kế toán phức tạp.”
Nguyên tắc 3 — Mô tả thứ tự từ trên xuống: AI xây trang theo thứ tự bạn liệt kê. Nếu bạn muốn hero banner ở trên cùng, viết nó trước. Form liên hệ ở cuối, viết nó sau cùng.
Nguyên tắc 4 — Cho ví dụ/tham chiếu: “Phong cách giống Shopee” hay “Bố cục giống ảnh tôi đính kèm” giúp AI hiểu nhanh hơn ngàn lời mô tả.
Nguyên tắc 5 — Chia nhỏ nếu phức tạp: thay vì viết 1 prompt dài 500 chữ, hãy chia thành 3-4 bước. Bước 1: “Tạo khung trang với hero banner và menu.” Bước 2: “Thêm phần sản phẩm nổi bật.” Bước 3: “Thêm phần đánh giá và form liên hệ.”
Khi AI làm sai ý, đừng nản. Hãy dùng “Công thức sửa lỗi giao tiếp”: nói rõ đâu là chỗ sai + nói rõ muốn thay thành gì + nếu cần thì gửi ảnh ví dụ. Ví dụ: “Phần bảng giá hiện đang hiển thị theo hàng ngang, tôi muốn đổi thành 3 cột dọc, mỗi cột là 1 gói giá, có nút chọn ở dưới mỗi cột.”
🧪 Thực Hành Từng Bước
- Mở Google AI Studio
- Thực hành so sánh prompt tốt vs. prompt chưa tốt. Đầu tiên, gõ prompt “chưa tốt”:
Tạo trang web cho quán cà phê- nhấn Run (nút tam giác), xem kết quả. Ghi lại nhận xét: thiếu gì? Chưa đúng ý gì?
- Bắt đầu lại (click nút tạo project mới hoặc bắt đầu chat mới)
- Gõ prompt “tốt” cho cùng sản phẩm:
Tạo landing page cho quán cà phê "Morning Brew" tại Quận 1, TP.HCM.
ĐỐI TƯỢNG: Dân văn phòng 25-35 tuổi, thích không gian yên tĩnh để làm việc.
CẤU TRÚC TRANG (từ trên xuống dưới):
1. Hero banner: ảnh quán cà phê đẹp, tiêu đề "Morning Brew — Nơi ý tưởng bắt đầu", nút "Xem menu" màu nâu ấm
2. Giới thiệu: 3 câu về triết lý quán (cà phê thủ công, không gian làm việc, wifi mạnh)
3. Menu nổi bật: hiển thị 6 món bán chạy nhất, mỗi món có ảnh + tên + giá
4. Không gian quán: gallery 4 ảnh (dùng placeholder)
5. Đánh giá: 3 review từ khách hàng (tự nghĩ nội dung phù hợp)
6. Thông tin: địa chỉ, giờ mở cửa (7:00-22:00), số điện thoại
7. Footer: link mạng xã hội, bản quyền
THIẾT KẾ:
- Tông màu: nâu cà phê, be kem, trắng
- Phong cách: ấm áp, tối giản, hiện đại
- Font: dễ đọc, chuyên nghiệp
- Responsive cho điện thoại- nhấn Run (nút tam giác), xem kết quả. So sánh với kết quả prompt “chưa tốt” — bạn sẽ thấy sự khác biệt rõ rệt
- Thử chỉnh sửa bằng “Công thức sửa lỗi giao tiếp”:
Phần menu hiện tại hiển thị theo danh sách dọc. Tôi muốn đổi thành lưới 3 cột (trên máy tính) và 2 cột (trên điện thoại). Mỗi món có ảnh lớn hơn, tên đậm, và giá màu nâu.- Nhấn Send và xem kết quả
✅ Kết Quả Đầu Ra
Bạn sẽ có: (1) Hai phiên bản sản phẩm để so sánh — 1 từ prompt chưa tốt, 1 từ prompt tốt, (2) Kinh nghiệm thực tế về cách viết prompt hiệu quả, (3) Hiểu cách dùng “Công thức sửa lỗi giao tiếp” khi AI làm chưa đúng ý.
💡 Mẹo & Lưu Ý
- Lưu lại các prompt hay vào 1 file riêng — tích lũy dần thành “kho vũ khí” của bạn. Mỗi lần cần tạo sản phẩm mới, bạn copy prompt cũ, thay thông tin mới
- Nếu AI liên tục không hiểu, thử chuyển sang tiếng Anh đơn giản cho phần kỹ thuật, giữ tiếng Việt cho nội dung. Ví dụ: “Create a landing page with hero banner, pricing table (3 columns), testimonials section. Content in Vietnamese as follows: …”
- ⚠️ Lỗi thường gặp: Prompt quá dài (hơn 1000 từ) trong 1 lần gửi có thể khiến AI bỏ sót. Nếu yêu cầu phức tạp, chia thành 2-3 lần gửi
📝 Bài Tập Về Nhà
Viết 3 phiên bản prompt cho landing page bạn sắp tạo (dựa trên Mini-PRD Bài 7): phiên bản ngắn (3-5 dòng), phiên bản trung bình (10-15 dòng), phiên bản đầy đủ (có cấu trúc rõ ràng giống ví dụ “Morning Brew” ở trên). Thử cả 3 trong AI Studio, so sánh kết quả, và chọn phiên bản bạn thích nhất.
GIAI ĐOẠN 3: “BIẾT LÀM”
🏆 Achievement Bài 08
- [ ] Hoàn thành đọc phần kiến thức
- [ ] Làm xong các bước thực hành
- [ ] Nộp bài tập về nhà
- [ ] Ghi chú những điều học được
Bài tiếp theo: Landing page bán hàng — Phần 1 🚀