Ông Chú Vibe Coding
Đăng nhập

Bản chạy thật

Đây là sản phẩm đang chạy, không phải ảnh chụp. Bấm vào để bấm thử.

Mở tab mới ↗

Cuộn tới đây để tải bản demo

Demo chạy trên bản deploy riêng. Dữ liệu trong đó là dữ liệu mẫu, gõ gì vào cũng không ảnh hưởng tới ai.

Full Source

Bộ Prompt Web Bán Hàng Nông Nghiệp

Chuỗi prompt dựng web bán phân bón & chế phẩm sinh học kiểu Bạn Nhà Nông: hero nhà kính điện ảnh, cửa hàng có giỏ hàng, cẩm nang canh tác theo từng giai đoạn cây trồng, đa ngôn ngữ và dark mode.

Mở khoá ngay khi PayOS xác nhận · link tải có hạn 1 tiếng, hết hạn thì vào sinh lại, quyền sở hữu vẫn của anh/chị.

Hàng số mở khoá liền nên không hoàn tiền — xem kỹ bản xem trước rồi hãy bấm. Vì sao

Next.jsTailwindE-commerceNông nghiệp
  • Prompt đầy đủ, nguyên văn
  • Source code .zip chạy được ngay
  • Ghi chú biến môi trường và deploy
  • Bản vá về sau, tải lại không mất phí

Cầm về rồi dùng sao

5 bước từ lúc copy tới lúc trang chạy được

  1. 01

    Lấy prompt về

    Bấm Copy prompt ở trên. Prompt lấy được là bản đầy đủ, đã kèm cả ghi chú bố cục và stack cho AI.

  2. 02

    Dán vào AI đang dùng

    Ông chú test chủ yếu trên Claude. Dùng AI khác vẫn ra, nhưng bố cục và chi tiết có thể lệch đôi chút.

Xem hết 5 bước
  1. 03

    Sửa lại cho hợp thương hiệu

    Đổi màu, đổi chữ, đổi ảnh. Prompt viết theo hệ design token nên sửa một chỗ là đổi cả trang.

  2. 04

    Hoặc chạy thẳng source

    Giải nén file .zip, chạy npm install rồi npm run dev. Không cần dựng lại từ prompt nếu anh/chị muốn đi nhanh.

  3. 05

    Deploy lên Vercel

    Ghi chú đi kèm liệt kê đủ biến môi trường và lệnh migration cần chạy trước khi lên production.

Xem trước prompt

Bản rút gọn
Xây trang chủ web bán sản phẩm nông nghiệp sinh học bằng Next.js App Router + Tailwind, hệ design token 2 lớp, tông xanh lá đậm trên nền sáng.

Hero full màn hình: ảnh nhà kính lúc hoàng hôn phủ lớp tối dần về chân trang, badge viền "PHÂN BÓN CÔNG NGHỆ SINH HỌC", tiêu đề lớn 3 dòng với cụm nhấn màu mint, mô tả 2 câu, nút CTA chính bo tròn màu xanh lá + nút phụ viền trắng, dưới cùng là 2 chip tin cậy (freeship + hotline)...

[Bản đầy đủ gồm 6 section: navbar, hero, cẩm nang canh tác, lưới sản phẩm, CTA tư vấn, footer — kèm ghi chú copy tiếng Việt và token màu]

Đây là đoạn rút gọn. Nội dung đầy đủ mở khoá ngay sau khi thanh toán thành công.

Hỏi đáp

Dùng cho dự án khách hàng của em được không?

Được. Mua là dùng cho dự án thương mại thoải mái. Chỉ đừng bán lại nguyên si chính prompt hay source đó như sản phẩm của mình.

Prompt này hợp với AI nào nhất?

Ông chú viết và test trên Claude. Các model khác vẫn chạy được, nhưng phần bố cục và chuyển động thường bám sát nhất khi dùng Claude.

Mua xong bao lâu thì nhận được hàng?

Ngay lập tức. PayOS báo về là hệ thống tự mở khoá, không phải chờ ông chú duyệt tay.

Sau này ông chú sửa lỗi thì em có được bản mới không?

Có, không mất thêm phí. Vào lại trang này là tải được bản mới nhất.

Thanh toán qua PayOS — xác nhận tự động, không phải chờ duyệt tay.