Mục tiêu

Hiểu tại sao cùng một ý tưởng nhưng người prompt giỏi ra app đẹp, người prompt dở ra app lỗi. Học công thức viết prompt hiệu quả.

Sau bài này, bạn sẽ:

• ✅ Nắm được công thức 5W để viết prompt chất lượng
• ✅ Biết cách “thêm dần” để xây dựng app từng bước
• ✅ Viết được prompt đầy đủ, rõ ràng — AI hiểu đúng ngay từ lần đầu

Nội dung chính

2.1 — Tại sao prompt quan trọng?

Hãy so sánh hai cách gọi món ở nhà hàng:

• Cách tệ: “Cho tôi đồ ăn ngon đi.” → Bồi bàn không biết bạn muốn gì.
• Cách tốt: “Cho tôi một phần phở bò tái, nước dùng trong, thêm hành, không giá, ít ớt.” → Chính xác những gì bạn muốn.

Prompt cho AI cũng vậy. Càng cụ thể, AI càng làm đúng.

Mẹo: Trước khi gõ prompt, hãy dành 1 phút tưởng tượng app đã hoàn thành trông như thế nào. Bạn mở lên thấy gì? Bấm nút gì? Kết quả ra sao? Càng tưởng tượng rõ, prompt càng tốt.

2.2 — Công thức PROMPT: 5 thành phần vàng

┌─────────────────────────────────────────────────────┐
│              CÔNG THỨC PROMPT 5W                     │
│                                                     │
│  ① WHO    — Ai sẽ dùng app này?                    │
│  ② WHAT   — App này làm gì? Gồm những phần nào?   │
│  ③ WHY    — Mục đích sử dụng?                      │
│  ④ WHERE  — Dùng trên thiết bị nào? (PC/Mobile)    │
│  ⑤ WOW    — Phong cách thiết kế mong muốn?         │
│                                                     │
└─────────────────────────────────────────────────────┘

Ví dụ áp dụng công thức:

Thành phần	Prompt tệ	Prompt tốt
WHO	(bỏ qua)	Dành cho nhân viên văn phòng 25-35 tuổi
WHAT	Làm app thời tiết	App hiển thị thời tiết TP.HCM theo giờ, có biểu đồ nhiệt độ 7 ngày, cảnh báo mưa
WHY	(bỏ qua)	Để quyết định có mang áo mưa đi làm không
WHERE	(bỏ qua)	Chạy tốt trên điện thoại (responsive)
WOW	Đẹp đẹp	Giao diện gradient xanh dương → tím, icon thời tiết hoạt hình, font hiện đại

2.3 — Prompt mẫu hoàn chỉnh theo công thức 5W

Template 1 — App theo dõi chi tiêu:

Tạo app theo dõi chi tiêu cá nhân.

WHO — Người dùng:
Dành cho sinh viên đại học, cần quản lý tiền tiêu vặt hàng ngày.

WHAT — Chức năng:
- Form nhập gồm: số tiền, danh mục (ăn uống / đi lại / giải trí / khác), ghi chú
- Danh sách các khoản chi theo ngày, có thể xóa
- Tổng chi tiêu trong ngày và trong tuần hiển thị ở trên cùng
- Biểu đồ tròn (pie chart) chia theo danh mục

WHY — Mục đích:
Để biết tiền đang "chảy" đi đâu và tiết kiệm hơn.

WHERE — Thiết bị:
Chạy tốt trên điện thoại (responsive, mobile-first).

WOW — Thiết kế:
- Nền trắng sạch, accent màu xanh lá (#10B981)
- Font: Inter hoặc Nunito
- Card bo tròn, shadow nhẹ
- Icon emoji cho mỗi danh mục (🍜 ăn uống, 🚗 đi lại, 🎮 giải trí)

Template 2 — Trang portfolio cá nhân:

Tạo trang portfolio cá nhân giới thiệu bản thân.

WHO — Người dùng:
Dành cho freelancer muốn gửi link cho khách hàng tiềm năng.

WHAT — Nội dung:
- Hero section: Tên "Nguyễn Văn A", tagline "Freelance Designer", ảnh avatar placeholder
- Phần "Về tôi": 2-3 câu giới thiệu ngắn
- Phần "Dự án": Grid 3 cột, mỗi card gồm ảnh placeholder + tên dự án + mô tả ngắn
- Phần "Liên hệ": Email, số điện thoại, link Facebook
- Footer đơn giản

WHY — Mục đích:
Gây ấn tượng chuyên nghiệp với khách hàng khi gửi link.

WHERE — Thiết bị:
Responsive, đẹp trên cả điện thoại và laptop.

WOW — Thiết kế:
- Phong cách tối giản, nền trắng, accent đen
- Font: Playfair Display cho heading, Inter cho body
- Hiệu ứng scroll nhẹ (fade in khi kéo xuống)
- Hover effect trên các card dự án (phóng to nhẹ + shadow)

Mẹo: Bạn có thể lưu lại các template này và chỉ cần thay đổi nội dung cho phù hợp với ý tưởng của mình. Đây là cách nhanh nhất để viết prompt tốt.

2.4 — So sánh trước và sau khi áp dụng 5W

Cùng một ý tưởng “app đặt trà sữa”, xem sự khác biệt:

❌ Prompt TRƯỚC khi áp dụng 5W:

Tạo app đặt trà sữa. Có menu, có giỏ hàng, đẹp đẹp.

✅ Prompt SAU khi áp dụng 5W:

Tạo app đặt trà sữa cho quán "Trà Sữa Sài Gòn".

WHO: Khách hàng 18-30 tuổi, đặt qua điện thoại.

WHAT:
- Trang menu: Grid 2 cột, mỗi card gồm ảnh placeholder, tên món, giá, nút "Thêm"
- Danh mục: Trà sữa / Trà trái cây / Topping / Combo
- Giỏ hàng: Hiển thị bên phải (desktop) hoặc popup (mobile)
- Chọn size (M/L), chọn mức đường (0% / 30% / 50% / 70% / 100%), chọn đá (ít / nhiều / không)
- Tổng tiền tự động cập nhật

WHERE: Mobile-first, responsive.

WOW:
- Nền gradient nhẹ từ hồng pastel sang trắng
- Font tròn mềm (Nunito)
- Icon trà sữa 🧋 ở header
- Animation nhẹ khi thêm món vào giỏ

Kết quả: prompt đầu tiên sẽ cho ra app chung chung, thiếu chi tiết. Prompt thứ hai sẽ cho ra app gần đúng 90% ý bạn ngay lần đầu.

2.5 — Prompt nâng cấp: Kỹ thuật “Thêm dần”

Đừng cố nhồi hết mọi thứ vào 1 prompt. Hãy thêm dần từng phần — giống như vẽ tranh: phác thảo trước, tô màu sau.

Vòng 1 — Khung sườn:

Tạo app theo dõi uống nước hàng ngày.
Mục tiêu: 8 ly mỗi ngày.
Có nút "Đã uống 1 ly" và thanh tiến trình hiển thị bao nhiêu ly rồi.

Vòng 2 — Thêm chi tiết:

Thêm tính năng:
- Lưu lịch sử 7 ngày gần nhất
- Hiện biểu đồ cột cho mỗi ngày
- Khi đạt 8 ly thì hiện hiệu ứng confetti chúc mừng

Vòng 3 — Làm đẹp:

Cập nhật giao diện:
- Nền gradient từ xanh dương nhạt sang trắng
- Icon giọt nước thay vì text
- Font: Inter hoặc Nunito
- Bo tròn tất cả các nút, shadow nhẹ

Mẹo: Kỹ thuật “Thêm dần” đặc biệt hữu ích khi bạn chưa chắc chắn mình muốn gì. Hãy bắt đầu với ý tưởng cơ bản, xem kết quả, rồi mới quyết định thêm gì tiếp.

Lỗi thường gặp

Vấn đề: AI hiểu sai ý — tạo ra app khác hoàn toàn với mô tả. → Kiểm tra xem prompt của bạn có mơ hồ không. Ví dụ “app quản lý” quá chung — quản lý gì? Hãy nói cụ thể: “app quản lý danh sách sách đã đọc”.

Vấn đề: AI tạo app quá phức tạp, nhiều tính năng bạn không yêu cầu. → Thêm dòng cuối prompt: “Chỉ làm đúng những gì tôi yêu cầu, không thêm tính năng khác.”

Vấn đề: Giao diện ra không đúng phong cách mong muốn. → Đừng chỉ nói “đẹp” — hãy mô tả cụ thể: màu gì, font gì, bo tròn hay vuông, có shadow không. Càng cụ thể ở phần WOW, giao diện càng đúng ý.

Vấn đề: Prompt quá dài, AI bỏ qua một số yêu cầu. → Đây là lúc dùng kỹ thuật “Thêm dần”. Chia prompt thành 2-3 vòng, mỗi vòng tập trung 1 khía cạnh (chức năng → giao diện → chi tiết bổ sung).

Bài tập thực hành

Nhiệm vụ: Lấy app đã tạo ở Bài 1, viết lại prompt theo công thức 5W, rồi tạo lại trên Bolt.new. So sánh kết quả trước/sau.

Các bước cụ thể:

1. Mở lại prompt cũ ở Bài 1 — đọc lại và ghi chú điểm thiếu (⏱️ 2 phút)
2. Viết prompt mới theo 5W — điền đầy đủ WHO, WHAT, WHY, WHERE, WOW (⏱️ 5 phút)
3. Tạo app mới trên Bolt.new bằng prompt mới (⏱️ 3 phút)
4. So sánh 2 kết quả và ghi nhận sự khác biệt (⏱️ 5 phút)

Tiêu chí thành công:

• ✅ Prompt mới đầy đủ cả 5 thành phần W
• ✅ App tạo lần 2 đẹp hơn và đúng ý hơn lần 1
• ✅ Bạn có thể giải thích được tại sao lần 2 tốt hơn

Gợi ý nếu bị stuck:

• Nếu không biết điền WHO: hãy tưởng tượng bạn đang làm app cho chính mình dùng — mô tả bản thân
• Nếu không biết điền WOW: tham khảo các app bạn hay dùng — mô tả phong cách của chúng

Thời gian: 15 phút Deliverable: 2 screenshot (trước và sau khi áp dụng công thức), kèm prompt đã viết

Tổng kết bài 2

Bạn đã học được	Chi tiết
Tại sao prompt quan trọng	Prompt càng rõ → app càng đúng ý
Công thức 5W	Who, What, Why, Where, Wow
Kỹ thuật “Thêm dần”	Không nhồi hết 1 lần, thêm từng vòng