Claude Design: web tiệm bánh 2 phút, free hay 100 đô?
Tuân AI
0:00 / 0:00
Claude Design: web tiệm bánh 2 phút, free hay 100 đô?
6 просмотров · 3 дн. назад
Tuân AI
17 подписчиков
6 просмотров · 3 дн. назад
Mình gõ một đoạn mô tả vô Claude Design, không cần file Figma, chừng 2 phút là có trang chủ tiệm bánh để xem. Mà bản đầu với bản cuối khác nhau đúng một thứ, và thứ đó AI không làm thay bạn được. Video này mình làm lại từ đầu, bấm giờ từng bước, soi như lúc giao web cho khách, và chạy cả gói Max 100 đô lẫn tài khoản miễn phí để bạn biết có cần trả tiền không.
Chương
0:00 Mở đầu
0:35 Chuẩn bị
1:08 Thiết kế lần đầu
1:40 3 dòng đáng chép trong prompt
2:16 Ảnh thật hay ảnh vẽ
3:04 Soi bằng mắt người làm web
4:14 Sửa bằng cách chỉ vào
4:31 Bản điện thoại
4:59 File xuất ra có phải web thật?
6:02 Tốn bao nhiêu thời gian và tiền
6:31 Gói Free được tới đâu
7:14 Claude Design hay Figma + Claude Code?
7:47 Chủ tiệm có nên tự làm không?
8:34 Kết
Bấm giờ thật (gói Max, quay liền mạch)
Thiết kế lần đầu: khoảng 2 phút
Thay 6 ảnh bánh thật: chưa tới 1 phút
Sửa nhãn "Bán chạy" bằng cách chỉ vào khối: khoảng 30 giây
Bản điện thoại: khoảng 1 phút rưỡi (nó tự soi rồi sửa thêm 1 lượt)
Cộng lại: chưa tới 5 phút, chưa tính lúc đi kiếm ảnh
Công cụ và chi phí
Claude Design, gói Claude Max 5x (Opus 5.5): mình trả 100 đô/tháng, xài chung với Claude Code
Tài khoản Claude miễn phí (Sonnet 5.5): mình chạy đủ 4 bước vẫn chưa hết lượt. Mình kiểm bằng tài khoản free của mình tháng 10/2026; Anthropic có thể đổi giới hạn bất cứ lúc nào.
▼ Prompt 1 · thiết kế trang chủ
Thiết kế trang chủ website cho tiệm bánh ngọt "Bánh Ngọt Hạt Dẻ" ở TP.HCM (đây là tiệm mẫu để thử, không phải tiệm thật).
Nội dung, giữ nguyên tiếng Việt có dấu:
Tên tiệm: Bánh Ngọt Hạt Dẻ. Câu chào: "Bánh ngọt nướng mỗi sáng, giao trong 2 giờ"
6 món nổi bật kèm giá: Bánh kem dâu 350.000đ; Tiramisu 65.000đ/phần; Croissant bơ 35.000đ; Bông lan trứng muối 45.000đ; Su kem 15.000đ/cái; Bánh chuối nướng 30.000đ
Khối đặt bánh sinh nhật: form gồm họ tên, số điện thoại, ngày nhận, loại bánh, lời chúc ghi trên bánh, nút "Đặt bánh"
Câu chuyện tiệm 2–3 câu, 3 đánh giá của khách, giờ mở cửa 7:00–21:00, địa chỉ mẫu, nút "Gọi ngay" và nút "Nhắn Zalo"
Yêu cầu: font hiển thị đủ dấu tiếng Việt; tông màu ấm, nhìn sang như một tiệm bánh cao cấp; làm đúng cho cả máy tính và điện thoại. Chỗ nào cần ảnh bánh thì để khung ảnh chụp thật (mình sẽ đưa ảnh sau), không vẽ hình minh hoạ.
▼ Prompt 2 · thay ảnh thật (kéo 6 ảnh vào trước khi gửi)
Thay các khung ảnh bằng 6 ảnh mình vừa gửi, đúng tên từng món (tên file là tên món). Giữ nguyên bố cục.
▼ Prompt 3 · sửa bằng cách chỉ vào (bấm chọn khối 6 món trước)
Ở khối 6 món bánh này, thêm nhãn "Bán chạy" cho Bánh kem dâu và Bông lan trứng muối, giá in đậm hơn, giữ nguyên phần còn lại.
▼ Prompt 4 · bản điện thoại
Cho mình xem bản trên điện thoại. Nút "Gọi ngay" và "Nhắn Zalo" luôn nằm dưới đáy màn hình khi cuộn.
Lưu ý khi đem đi xài thật
Form "Đặt bánh" trong file xuất ra chỉ hiện lời cảm ơn, chưa gửi đơn đi đâu cả (chính báo cáo của Claude Design cũng ghi vậy).
Trang xuất ra phải tải React từ unpkg.com mỗi lần mở mới hiện được (mình kiểm bằng trình duyệt trên file đã xuất).
Giao miễn phí từ 300.000đ, gọi xác nhận trong 30 phút, số điện thoại, địa chỉ, 3 đánh giá là AI tự viết thêm. Tiệm thật phải đọc lại từng câu.
Tiệm "Bánh Ngọt Hạt Dẻ" là tiệm mẫu để thử, không phải tiệm thật.
Ảnh bánh: Unsplash (Md Mahdi, Gina's Auckland, Vicky Nguyen, Keriliwi, Camila Quintero Franco, Cody Chan) · link từng ảnh ở comment ghim
Video trước · Claude Code: Figma ra website trong 14 phút: • Claude Code: Figma ra website trong 14 phút
Mình là Tuân, làm website và web app nhiều năm, đang xây Everlab, làm web có trợ lý AI cho doanh nghiệp nhỏ: https://everlab.vn
#ClaudeDesign #ThietKeWeb #AI