Landing Page Design Package

Từ một brief thành landing page bán hàng hoàn chỉnh. Một file HTML, tải lên đâu cũng chạy.

Landing Page Design Package v0.1.1 biến coding agent của bạn thành người vừa viết nội dung bán hàng, vừa thiết kế, vừa tự kiểm lỗi trước khi giao. Không phải một bộ template kéo thả. Không phải trang AI nền gradient tím nhìn là biết. Đây là một Agent Skill tái sử dụng để dựng trang bán hàng và trang nhận quà bằng tiếng Việt, mỗi trang một diện mạo, sẵn để đăng.

---

Vấn đề không phải AI không biết viết landing page. Vấn đề là trang AI làm ra trông giống hệt nhau, và hay nói dối.

Bạn nhờ AI làm trang bán hàng và nhận về một thứ quen mắt: nền gradient tím, ba cột thẻ icon, tiêu đề "Mở khóa tiềm năng", lời khen của một "chị Lan, Hà Nội" bạn chưa từng gặp, đồng hồ đếm ngược chạy lại từ đầu mỗi lần tải trang. Mở trên điện thoại thì chữ tràn khung, nút bé xíu, dấu tiếng Việt rời ra. Khách tinh ý nhìn là biết, và chỉ một lời bịa bị phát hiện là mọi câu khác trên trang mất giá.

Landing Page Design Package là gì?

Đây là một quy trình dựng landing page + Agent Skill giúp AI agent đọc brief, tự quyết cấu trúc trang, bộ giao diện và giọng văn, lập kế hoạch từng section, viết nội dung và dựng HTML, rồi chạy ba cổng kiểm lỗi và chụp màn hình để tự nhìn lại trước khi giao. Bạn dùng lại skill cho mọi trang sau đó.

• Đầu ra là một file HTML tự chứa: CSS thuần, không framework, không bước build. Mở bằng trình duyệt là chạy; tải lên Netlify, Cloudflare Pages, GitHub Pages hay hosting của bạn đều được.
• Viết và thiết kế cùng lúc: mỗi section là một nhịp của lập luận bán hàng (lời hứa, vấn đề, cơ chế, gói sản phẩm, giá, cam kết, hỏi đáp), dựng bằng một kiểu bố cục, mặc một bộ giao diện.
• Tự quyết thay bạn: bạn nói bán gì, cho ai. Agent chọn kiểu trang theo mức độ hiểu biết của người đọc, chọn bộ giao diện theo ngành và mức giá, rồi nói lại lựa chọn trong một câu.
• Hỏi một lần, không bịa: agent hỏi gộp giá thật, bằng chứng thật, điều khoản cam kết, hạn chót có thật. Thiếu gì thì trang để một ô CẦN BỔ SUNG ghi rõ cần gì, không bao giờ là lời khen giả.
• Ba cổng kiểm lỗi bằng máy: kiểm kế hoạch trang trước khi viết; soi 15 dấu hiệu "trang AI làm" và 4 luật kỷ luật thiết kế; đo trên trình duyệt thật ở 1440px và 390px.
• Tiếng Việt chuẩn: ngân sách chữ tính riêng cho tiếng Việt, khoảng dòng an toàn cho chữ có dấu, font nào thiếu bộ ký tự tiếng Việt thì không được dùng.

Không phải một bộ template bị khóa

Template cho bạn vài trang cố định mà ai cũng nhận ra. Skill này cố ý không kèm trang mẫu nào để sao chép: mỗi trang được ghép từ thư viện, và kế hoạch trang phải ghi rõ điều gì là mới so với ba trang gần nhất. Ba trục nhân với nhau (kiểu trang, bộ giao diện, kiểu section) cho ra nhiều tổ hợp hơn mức một người dùng hết, và mỗi lựa chọn đều có lý do từ brief chứ không bốc ngẫu nhiên.

---

Độ sâu thư viện đã được kiểm chứng

• 2 kiểu trang với 7 biến thể: trang bán hàng dài (3 biến thể theo mức hiểu biết của người đọc) và trang nhận quà lấy email hoặc số điện thoại (4 biến thể)
• 8 bộ giao diện khóa cứng: 6 bộ đo từ những trang bán hàng thật đang chạy, 2 bộ dựng thêm cho những ngành chưa có
• 86 kiểu section trong 15 nhóm, từ hero, vấn đề, cơ chế, gói sản phẩm, bảng giá, cam kết đến hỏi đáp và lời kết
• 12 cơ chế chuyển đổi (order bump, neo giá bằng bảng giá trị, cam kết in ngay trong nút, form hai bước…) kèm bảng quy định cơ chế nào hợp lệ với kiểu trang nào
• 7 mẫu tiêu đề, 5 mẫu nút kêu gọi, 4 giọng văn, 6 kiểu bằng chứng, 6 bản ADN thiết kế đặt tên mã
• 7 script Python: tra cứu, dựng khung, kiểm kế hoạch, soi dấu hiệu AI, đo trên trình duyệt, chụp màn hình, dựng lại chỉ mục

Cấu trúc gốc của skill, giấy phép và ghi nhận nguồn được giữ nguyên trong gói phát hành. Nói thẳng một điều: đây là phiên bản 0.1, mới làm hai kiểu trang là trang bán hàng dài và trang nhận quà. Website nhiều trang, trang chủ công ty hay bài viết chuẩn SEO không nằm trong gói này.

8 trang demo dựng bằng chính skill này, mỗi bộ giao diện một trang

Không phải ảnh mockup. Mỗi trang dưới đây là một landing page tiếng Việt hoàn chỉnh do skill tự viết và dựng từ một brief, qua đủ ba cổng kiểm lỗi, rồi chụp lại từ trình duyệt thật ở bản máy tính và bản điện thoại. Thương hiệu trong demo là hư cấu, nên chỗ nào cần bằng chứng thật bạn sẽ thấy ô CẦN BỔ SUNG, không có lời khen bịa nào.

• 8 trang, 8 bộ giao diện: trải đủ hai kiểu trang và sáu trong bảy biến thể.
• Nhận cả 8 trang trong gói: file page.html mở được ngay, kèm kế hoạch trang, báo cáo kiểm lỗi và ảnh chụp.
• Chủ đề của thị trường Việt: cố vấn vận hành, shop online, combo khóa học, planner cho shop handmade, định giá dịch vụ cho chuyên gia, dịch vụ B2B, studio thiết kế, phòng khám nha khoa.

Xem trọn 8 trang demo trước khi mua

Mỗi ảnh là toàn bộ bản máy tính của trang, cắt thành các cột để xem hết một lượt, đặt cạnh màn hình đầu tiên trên điện thoại.

parchment · Bàn Giao, cố vấn vận hành 1:1

Giấy ngà và vàng đồng, tiêu đề đặt trong ngoặc kép như lá thư của một chuyên gia, bảng so sánh cách cũ với cách mới, giá 48 triệu có lựa chọn trả hai lần. Trang bán hàng dài cho gói cố vấn giá cao.

ledger · Kho 60 mẫu tin nhắn chốt đơn

Trắng, đỏ và xanh navy, tiêu đề in hoa cỡ lớn, hàng số liệu của chính người bán ngay dưới hero, bảng giá trị gạch giá và phần thanh toán có ô mua thêm. Trang bán hàng giá thấp cho khách lạnh từ quảng cáo.

sprig · Trọn bộ 5 khóa video ngắn bằng AI

Dải xanh lá và tím luân phiên, collage bảy món có đánh số, giá lẻ gạch ngang đặt cạnh giá combo, đồng hồ đếm ngược tới một ngày cố định. Trang bán combo khóa học cho người đã theo dõi.

bloom · Planner nội dung 30 ngày

Nền xanh nhạt, tiêu đề chữ có chân mềm mại, các trang planner vẽ như bày trên bàn, form nhận quà đặt ngay cạnh. Trang nhận quà cho chủ shop handmade.

bolt · Khung Định Giá 4 Bước

Đen trắng và xanh lá, không bo góc: một câu hứa cỡ poster, sơ đồ bốn bước trên nền đen, giá cỡ lớn và đồng hồ đếm tới hạn đăng ký có thật. Trang bán một phương pháp cho chuyên gia và freelancer.

quorum · Dựng đội bán hàng B2B trong 120 ngày

Xanh dương, một họ chữ gọn, poster video vẽ bằng SVG, không để giá trên trang, form đăng ký ba bước. Trang nhận đơn cho dịch vụ B2B giá cao, mỗi quý nhận bốn doanh nghiệp.

press-brutal · NÉT Studio, chấm điểm nhận diện thương hiệu

Dải cam chéo in lệch khung, viền đen dày, con số khổng lồ, phiếu chấm điểm trên 20; bấm nút rồi form mới hiện ra. Trang nhận quà cho studio thiết kế thương hiệu.

clinic-trust · Nha khoa Hạnh An, đặt lịch khám

Xanh ngọc, tiêu đề chữ có chân, form đặt lịch ba ô với lựa chọn sáng, chiều, tối, bảng thông tin hành nghề đặt ngay dưới nút. Trang một màn hình cho phòng khám nha khoa.

Gói này dành cho ai?

• Chủ doanh nghiệp nhỏ và người kinh doanh một mình: trang bán sản phẩm, trang nhận quà để gom khách tiềm năng, trang ưu đãi cho từng chiến dịch, không phải chờ thuê người làm.
• Chuyên gia và nhà tư vấn: trang gói tư vấn giá cao, trang nhận đơn đăng ký không để giá, trang tặng tài liệu chuyên môn.
• Coach và người làm khóa học: trang bán khóa, combo nhiều khóa, trang đăng ký buổi học thử và danh sách chờ.
• Freelancer và agency: dựng trang cho nhiều khách, mỗi khách một bộ giao diện, không trang nào giống trang nào.
• Marketer: ra trang riêng cho từng tệp quảng cáo, có kiểm tra trên điện thoại trước khi bắt đầu chạy tiền.
• AI power user: biến coding agent thành một xưởng dựng landing page lặp lại được, có kiểm soát chất lượng.

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

• START-HERE.md: bắt đầu nhanh bằng tiếng Việt, câu lệnh chạy thử và cách nhận hỗ trợ.
• INSTALL.md, USAGE.md, README.md: cài đặt theo nền tảng, cách giao việc cho agent, 8 bộ giao diện, cách đưa trang lên mạng.
• ENRICH-LIBRARY.md: dạy skill học từ những landing page bạn thích. LICENSE-NOTICE.md: giấy phép MIT và ghi nhận nguồn.
• landing-page-design.skill cho Claude.ai.
• landing-page-design.zip cho Claude Code, Codex CLI và coding agent tương thích.
• 8 trang demo: file page.html mở được ngay, kế hoạch trang, báo cáo kiểm tra, ảnh chụp bản máy tính và bản điện thoại.
• Cập nhật trọn đời sản phẩm, cùng quyền vào nhóm Zalo AI Native Lab – CSKH dành riêng cho người mua.

Cài đặt theo nền tảng

Nền tảng	Định dạng	Cách cài nhanh
Claude Code	Thư mục/ZIP	Giải nén landing-page-design.zip vào ~/.claude/skills/ rồi mở phiên mới. Cài thêm Playwright để agent đo và chụp được trang.
Codex CLI	.zip	Dùng bản ZIP, không dùng .skill. Giải nén vào ~/.codex/skills/ và mở phiên mới.
Claude.ai	.skill	Tải landing-page-design.skill lên mục Skills trong phần cài đặt, bật code execution.
Antigravity	.zip	Giải nén vào thư mục skills của workspace.
Agent tương thích	.zip	Đưa cả thư mục skill cho agent chạy được Python và đọc được SKILL.md.

Tên thư mục cài đặt có thể khác theo phiên bản từng nền tảng. Tài liệu trong gói có cấu trúc thư mục và các bước kiểm tra để xác nhận skill đã nạp.

Quy trình sử dụng ngắn gọn

1. Cài skill đúng định dạng cho nền tảng bạn đang dùng.
2. Mô tả sản phẩm: bán gì, giá bao nhiêu, cho ai, khách đến từ đâu, muốn người đọc làm gì.
3. Trả lời một lần những thứ chỉ bạn có: bằng chứng thật, điều khoản cam kết, hạn chót, link thanh toán.
4. Để agent chạy: kế hoạch trang → kiểm kế hoạch → viết từng section → soi dấu hiệu AI → đo trên trình duyệt → chụp và tự nhìn lại → chấm sáu tiêu chí.
5. Xem và sửa: mở page.html, góp ý theo từng section; agent sửa đúng chỗ rồi kiểm lại.
6. Đưa lên mạng: tải file lên hosting, điền các ô CẦN BỔ SUNG bằng bằng chứng thật trước khi chạy quảng cáo.

Prompt mẫu, copy là chạy

Trang bán khóa học:

Dùng skill landing-page-design làm trang bán khóa học [tên khóa], giá [giá], cho [người mua]. Khách đến từ quảng cáo Facebook. Đây là lời chứng thực của 3 học viên, đã xin phép: [nội dung, tên, vai trò]. Cam kết hoàn tiền 7 ngày. Chạy đủ các cổng kiểm lỗi, chụp bản máy tính và bản điện thoại, tự đánh giá rồi mới giao.

Trang nhận quà lấy email:

Dùng skill landing-page-design làm trang tặng [tên tài liệu] để lấy email, cho người đang theo dõi fanpage của tôi. Chỉ hỏi tên và email, form gửi về [địa chỉ webhook]. Một màn hình, không cần cuộn.

Trang nhận đơn đăng ký dịch vụ giá cao:

Dùng skill landing-page-design làm trang nhận đơn đăng ký cho gói [tên dịch vụ], không để giá trên trang. Mỗi quý chỉ nhận [số] khách vì [lý do thật]. Form đăng ký 3 bước, không dùng đồng hồ đếm ngược.

---

Yêu cầu hệ thống và giới hạn cần biết

• Cần một coding agent đọc được file, chạy được lệnh và ghi được kết quả ra thư mục.
• Cần Python 3.10+. Bước đo trên trình duyệt thật và chụp màn hình cần thêm Playwright và Chromium. Thiếu Playwright, agent dùng công cụ trình duyệt khác nếu có, hoặc báo rõ bước nào chưa chạy được.
• Trên Claude.ai, agent dựng được trang và chạy các bước kiểm lỗi không cần trình duyệt; bước đo và chụp phụ thuộc môi trường chạy code ở đó. Muốn đủ cả ba cổng kiểm lỗi, dùng Claude Code hoặc Codex trên máy của bạn.
• Môi trường chat thuần không chạy code không tự dựng và kiểm được trang bằng gói này.
• Skill không đưa trang lên mạng, không nối cổng thanh toán và không tạo ảnh. Bạn tải file lên hosting, đưa link thanh toán và địa chỉ nhận form để agent gắn vào. Minh họa được vẽ bằng HTML/CSS; ảnh thật (sản phẩm, chân dung, cơ sở) bạn tự đưa vào.
• Gói không bao gồm phí thuê bao Claude, Codex, OpenAI API hay dịch vụ AI bên thứ ba, và không bao gồm dịch vụ làm landing page trọn gói theo yêu cầu.
• Kết quả phụ thuộc chất lượng brief, model và môi trường chạy. Bạn vẫn nên đọc lại nội dung, kiểm giá và quyền dùng hình ảnh trước khi đăng.

Giao hàng, cập nhật và hỗ trợ

Sau khi thanh toán thành công, ainativelab.org gửi email kèm link tải và mở quyền tải ngay trong tài khoản của bạn tại trang /tai-khoan. File nằm trong kho lưu trữ bảo mật, link gắn với tài khoản mua hàng và không công khai trên trang bán. Bạn cũng nhận một mục riêng để vào nhóm Zalo AI Native Lab – CSKH.

• Cập nhật trọn đời sản phẩm: áp dụng trong thời gian AI Native Lab còn duy trì và kinh doanh sản phẩm. Bản mới thay thế file tải trong tài khoản, khách đã mua không trả thêm.
• Phạm vi hỗ trợ: cài đặt, xác nhận skill đã nạp, xử lý lỗi thiếu thư viện hoặc Playwright, hướng dẫn quy trình dùng.
• Không bao gồm: làm landing page thay khách hàng, viết nội dung theo brief cụ thể hoặc xây bộ giao diện riêng cho thương hiệu.

Giấy phép

Package này được cung cấp theo MIT License. Quyền sử dụng, sao chép, sửa đổi, xuất bản, phân phối và bán bản sao được điều chỉnh bởi MIT License đi kèm; bạn phải giữ nguyên thông báo bản quyền và giấy phép. Trang bạn dựng bằng skill thuộc về bạn. License của sản phẩm được ưu tiên nếu khác quy tắc chung của cửa hàng.

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

Tôi có nhận một bộ template landing page cố định không?

Không. Bạn nhận quy trình dựng trang và Agent Skill tái sử dụng, kèm 8 trang demo để xem và mở. Cùng một skill dựng được rất nhiều trang khác nhau tùy brief, và cố ý không có trang mẫu để chép lại.

Trang làm ra có chạy trên hosting của tôi không?

Có. page.html là một file tĩnh tự chứa, không cần máy chủ đặc biệt. Tải lên bất kỳ hosting nào phục vụ được file HTML là chạy.

Form và nút mua có hoạt động thật không?

Có, khi bạn đưa địa chỉ nhận form (webhook, công cụ email marketing…) và link trang thanh toán, agent gắn vào đúng chỗ. Chưa đưa thì form ở chế độ chạy thử, bấm gửi không đi đâu cả.

Skill có viết lời chứng thực giúp tôi không?

Không, và đây là cố ý. Skill không bịa lời khen, số khách, logo hay đồng hồ đếm ngược. Chỗ nào cần bằng chứng mà bạn chưa có, trang để ô CẦN BỔ SUNG ghi rõ cần gì, để bạn điền bằng bằng chứng thật trước khi đăng.

Claude.ai, Claude Code và Codex dùng thế nào?

Claude.ai dùng file .skill; Claude Code và Codex dùng bản ZIP theo INSTALL.md. Cả ba cần quyền chạy code và Python. Muốn đủ bước đo trên trình duyệt và chụp màn hình, cài thêm Playwright trên máy của bạn.

Có chạy trong một chatbot chỉ nhắn tin không?

Không, nếu môi trường đó không chạy được code và không ghi được file. Gói cần agent chạy Python, chạy các cổng kiểm lỗi rồi chụp trang; chat thuần chỉ đọc được tài liệu.

Giá đã bao gồm phí AI hoặc API chưa?

Chưa. Mọi thuê bao model, API hoặc dịch vụ bên thứ ba do người mua tự chi trả.

"Cập nhật trọn đời" nghĩa là gì?

Bạn nhận mọi bản cập nhật miễn phí trong thời gian AI Native Lab còn duy trì và kinh doanh sản phẩm này. Quyền tải gắn với tài khoản, đăng nhập lúc nào cũng thấy bản mới nhất.

Chính sách hoàn tiền là gì?

Không hoàn tiền sau khi link tải đã được cấp, vì đây là sản phẩm số giao ngay; trừ giao dịch trùng, lỗi hệ thống khiến bạn không nhận được sản phẩm, hoặc trường hợp pháp luật yêu cầu. Xem đầy đủ tại Điều khoản sử dụng.

Biến AI từ người viết nháp thành một xưởng dựng landing page có kỷ luật.

Nếu mỗi tháng bạn cần vài trang cho sản phẩm mới, chiến dịch mới hay khách hàng mới, một quy trình chuẩn hoàn vốn ngay từ trang đầu tiên: ít sửa tay hơn, không trang nào giống trang nào, không một lời bịa nào đứng tên bạn, và file HTML luôn nằm trong tay bạn.

Thanh toán một lần • Tải bảo mật • Cập nhật trọn đời sản phẩm • Hỗ trợ buyer-only