Skill

Landing AI 1 Click

10 template HTML production-ready + 10 pattern trang chuyển đổi + thư viện thiết kế cho 15 loại hình kinh doanh — ra landing page hoàn chỉnh trong 1 giờ (skill: page-forge).

"Thuê ngoài 3-7 triệu và chờ 2 tuần — hoặc gõ một câu lệnh và có landing page hoàn chỉnh trong 1 giờ, kèm sẵn khối thanh toán VietQR. Đây là Agent đắt giá nhất giai đoạn vận hành."

Agent này dành cho ai?

  • Chủ shop cần trang bán cho từng sản phẩm mà không muốn thuê thiết kế
  • Freelancer muốn nhận dịch vụ làm landing page cho khách
  • Coach cần trang đăng ký webinar, trang khóa học gấp
  • Founder test nhiều offer cần ra trang nhanh, chi phí gần 0

Bạn nhận được gì

  • 10 template HTML production-ready: light, dark modern, minimal, bold, SaaS, e-commerce, webinar, portfolio, F&B, mobile app
  • 10 pattern bố cục theo mục tiêu: bán hàng, thu lead, waitlist, before-after...
  • Thư viện design-data: bảng màu cho 15 loại hình kinh doanh + 5 cặp font (có Be Vietnam Pro)
  • Quy trình 4 pha nhân bản thiết kế từ ảnh screenshot bạn thích
  • Khối thanh toán SePay VietQR nhúng sẵn trong template
  • Checklist chất lượng 6 nhóm + công thức copy headline/CTA đi kèm

Chi tiết

Xưởng Landing Page biến trợ lý AI của bạn — Claude Code, Cursor, Codex hay Windsurf — thành xưởng dựng web: mô tả sản phẩm một câu, nhận về một file HTML hoàn chỉnh chạy được ngay — Tailwind CSS, responsive mobile-first, SEO meta đầy đủ, tối ưu chuyển đổi và có sẵn khối thanh toán VietQR cho khách Việt. Agent là một file .md, thêm vào công cụ AI nào cũng dùng được.

Sức mạnh nằm ở kho tài nguyên thật: 10 template HTML production-ready cho 10 kiểu trang (chuẩn sáng, dark modern cho tech/AI, tối giản sang trọng cho coaching, bold cho agency, SaaS, e-commerce, webinar/sự kiện, portfolio, nhà hàng, mobile app), 10 pattern bố cục theo mục tiêu chuyển đổi, và thư viện design-data: bảng màu theo 15 loại hình kinh doanh + 5 cặp font tuyển sẵn (có Be Vietnam Pro cho tiếng Việt chuẩn dấu).

Đặc biệt, Agent có quy trình 4 pha phân tích ảnh tham khảo: gửi screenshot trang bạn thích, AI phân tích 8 chiều (bố cục, màu, typography, component, spacing, hiệu ứng...) rồi dựng lại theo tinh thần đó — bản địa hóa luôn cho thị trường Việt. Kèm checklist chất lượng 6 nhóm: responsive 4 breakpoint, tốc độ tải, chuyển đổi, nội dung, kỹ thuật, accessibility.

Kết quả kỳ vọng: landing page hoàn chỉnh trong khoảng 1 giờ thay vì 1-2 tuần thuê ngoài — chi phí gần như bằng 0 cho mỗi trang tiếp theo.

🔌 Dùng được ở đâu?

Skill là bộ hướng dẫn dạng file .md (SKILL.md + references + templates) — không khóa vào một công cụ nào:

  • ▸ Claude Code: thả vào .claude/ai-agent/ — Claude tự nạp khi cần.
  • ▸ Cursor / Windsurf / Codex / Antigravity: thêm SKILL.md vào rules/context, hoặc bảo AI "đọc file này rồi làm".
  • ▸ ChatGPT / Gemini / bất kỳ chatbot nào: dán nội dung .md vào là dùng được ngay.

Vì là kiến thức + quy trình dạng văn bản, skill sống cùng bạn qua mọi công cụ AI — không lỗi thời khi bạn đổi app.

📊 Bảng đánh giá

Chấm thẳng thắn để bạn chọn đúng — không phải skill nào cũng dành cho mọi người.

Độ khó áp dụngDễ — gõ lệnh là chạy
Độ sâu nội dung
9/10
Kết quả kỳ vọngLanding page hoàn chỉnh, responsive, có khối VietQR — trong khoảng 1 giờ
Phù hợp nhất vớiNgười cần landing page chuyên nghiệp mà không biết code, không muốn thuê
Thời gian tiết kiệm10-15 giờ/trang (hoặc 3-7 triệu tiền thuê ngoài)
Mức hoàn thiện
9/10
Tài nguyên kèm theo1 SKILL.md + 10 template HTML production-ready + 1 thư viện design-data (15 bảng màu theo ngành, 5 cặp font)
Tính thực chiến
9/10

Output mẫu

LỆNH: làm landing page bán khóa Excel cho dân văn phòng, 499k
→ Chọn: Template 1 (Standard) + pattern Hero-Features-Pricing-FAQ
→ Màu: ngành education — xanh navy + CTA cam
→ Font: Be Vietnam Pro + Noto Sans (chuẩn dấu tiếng Việt)
→ Sinh: index.html 1 file duy nhất, 6 section, VietQR khối thanh toán
→ Checklist: responsive 4 cỡ màn ✅ / meta OG ✅ / CTA x3 ✅
→ Sẵn sàng deploy (ghép Agent one-click-deploy)

Câu hỏi thường gặp

Tôi hoàn toàn không biết code?

Không sao — đầu ra là 1 file HTML duy nhất, mở bằng trình duyệt là xem được, kéo thả lên Vercel/Netlify là chạy. Mọi chỉnh sửa đều làm bằng cách gõ tiếng Việt cho AI.

Trang có khối thanh toán không?

Có — template tích hợp sẵn khối VietQR qua SePay: khách quét mã chuyển khoản ngay trên trang. Ghép thêm Agent payment-suite nếu muốn tự động xác nhận tiền về.

Tôi muốn trang giống một trang tôi thấy đẹp?

Gửi screenshot cho AI — Agent có quy trình phân tích 8 chiều (bố cục, màu, font, component, hiệu ứng...) rồi dựng lại theo tinh thần đó, tôn trọng bản quyền và bản địa hóa cho khách Việt.

Tiết kiệm hơn khi mua gói