Website Taste Pass
tryproduck/produck-skills
Runs a category-first visual audit of a website, then a decisive design pass that raises credibility and conversion clarity, verified with screenshots instead of subjective opinion.
Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev.
Install 12 Brief Landing Page
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-page --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/vi/12-brief-landing-page .claude/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .claude/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-pageType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-page --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/vi/12-brief-landing-page .agents/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .agents/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-page --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/vi/12-brief-landing-page .cursor/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .cursor/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/minhnv0807/ai-business-skills.git --path skills/vi/12-brief-landing-page--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-page --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/vi/12-brief-landing-page .gemini/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .gemini/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-pageInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/vi/12-brief-landing-page .github/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .github/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install minhnv0807/ai-business-skills 12-brief-landing-page --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/vi/12-brief-landing-page .opencode/skills/12-brief-landing-page && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "12-brief-landing-page" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/vi/12-brief-landing-page into .opencode/skills/12-brief-landing-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "12-brief-landing-page", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
12-brief-landing-page- GitHub stars
- 609
- Token cost
- ~4.2k tokens
- SKILL.md length
- 2,275 words
- Files
- 3 (incl. references)
- Skills in repo
- 142
- Repo updated
- First seen
- Licence
- MIT
At a glance
Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev.
- Works in 4 steps: San pham/dich vu gi? Mo ta ngan + gia… → Muc tieu landing page? Thu lead (form),… → Nguon traffic chinh? Meta Ads, TikTok… → …
- Tasks that involve Landing pages
- SKILL.md covers Thu thap thong tin, Nguyen tac cot loi, Cau truc 7 section and Yeu cau ky thuat, plus 6 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
12 Brief Landing Page is an agent skill from minhnv0807/ai-business-skills. Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev. Kich hoat khi user nhac 'brief landing page', 'lam trang ban hang', 'can trang dich', 'thue dev lam landing', 'landing page can gi', 'viet noi dung cho trang'. Khong dung cho — trang DA CHAY ma khong ra don thi dung skill 68-cro-audit-trang; email HTML thi dung skill 49-html-email-template; danh sach asset cho ca campaign thi dung skill 41-campaign-asset-list.
Its SKILL.md is about 4.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/ky-thuat-tracking-va-ab-test.md` and `references/template-brief-landing-page.md`).
It sits in Frontend & Design, covering Landing pages. The repository describes itself as: 138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy… The licence is MIT.
When your agent uses it
- Tasks that involve Landing pages
Example prompts
- “brief landing page”
- “lam trang ban hang”
- “can trang dich”
- “/12-brief-landing-page”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- San pham/dich vu gi? Mo ta ngan + gia ban + doi tuong muc tieu.
- Muc tieu landing page? Thu lead (form), dat lich, mua hang, dang ky?
- Nguon traffic chinh? Meta Ads, TikTok Ads, Google Ads, organic, hay ket hop?
- Da co asset chua? Anh/video san pham, testimonial, so lieu social proof?
What it can do on your machine
Read from SKILL.md and the folder at commit 0360adc. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are html).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
12 Brief Landing Page loads about 4.2k tokens when it runs, and up to ~5.7k if it reads all its reference files. Until then it costs about 135 tokens; SKILL.md has 2,275 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from minhnv0807/ai-business-skills at commit 0360adc, republished under its MIT licence (© minhnv0807). 2,275 words, ~4,225 tokens.
Download SKILL.mdSave it as
.claude/skills/12-brief-landing-page/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- 12-brief-landing-page
- description
- Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev. Kich hoat khi user nhac 'brief landing page', 'lam trang ban hang', 'can trang dich', 'thue dev lam landing', 'landing page can gi', 'viet noi dung cho trang'. Khong dung cho — trang DA CHAY ma khong ra don thi dung skill 68-cro-audit-trang; email HTML thi dung skill 49-html-email-template; danh sach asset cho ca campaign thi dung skill 41-campaign-asset-list.
- metadata.version
- 2.1.2
- metadata.category
- content
- triggers
- brief landing page, trang ban hang, trang thu lead, brief cho lap trinh vien lam landing, landing page, trang dich, code landing page, build landing page…
- output
- File .md chua brief day du 7 section voi copy template, yeu cau ky thuat, A/B test plan, va tracking plan
- related
- 02-brief-chien-dich, 05-copy-quang-cao, 09-insight-khach-hang, 10-tinh-kpi-nguoc, 41-campaign-asset-list, 46-brand-guideline, 47-design-review…
Brief Landing Page
1 page = 1 goal = 1 CTA. Khong menu, khong link ngoai, khong xao nhang.
Thu thap thong tin
Hoi user toi da 4 cau:
- San pham/dich vu gi? Mo ta ngan + gia ban + doi tuong muc tieu.
- Muc tieu landing page? Thu lead (form), dat lich, mua hang, dang ky?
- Nguon traffic chinh? Meta Ads, TikTok Ads, Google Ads, organic, hay ket hop?
- Da co asset chua? Anh/video san pham, testimonial, so lieu social proof?
Nguyen tac cot loi
1 page — 1 goal — 1 CTA
| Nguyen tac | Giai thich |
|---|---|
| 1 muc tieu duy nhat | Moi trang chi phuc vu 1 hanh dong: dien form, dat lich, hoac mua hang |
| Khong navigation menu | Loai bo header menu — tranh user roi khoi trang |
| Khong link ngoai | Moi link phai anchor scroll xuong CTA, khong dan ra ngoai |
| Mobile-first | 70%+ traffic tu mobile o Viet Nam — thiet ke mobile truoc, desktop sau |
| Toc do <3 giay | First Contentful Paint < 1.5s, Largest Contentful Paint < 3s |
| Yeu to khan cap | Countdown, so luong gioi han, deadline — luon co it nhat 1 |
Phan bo do dai theo thiet bi
| Thiet bi | Tong chieu dai trang | Thoi gian doc trung binh |
|---|---|---|
| Mobile | 6–8 man hinh cuon | 90–120 giay |
| Desktop | 4–5 man hinh cuon | 60–90 giay |
Cau truc 7 section
Section 1 — Hero (Man hinh dau tien)
Muc dich: Hook + truyen tai gia tri cot loi trong 5 giay.
| Thanh phan | Yeu cau | Gioi han ky tu |
|---|---|---|
| Headline | Noi ro loi ich chinh, khong chung chung | 60 ky tu |
| Sub-headline | Giai thich ngan cach dat duoc loi ich | 120 ky tu |
| CTA chinh | Dong tu + loi ich, mau cam (#ff6b00) | 25 ky tu |
| Visual | Anh/video san pham hoac ket qua | 1 hinh chinh |
| Trust badge | So khach hang, danh gia, logo doi tac | 3–5 badge |
Template copy:
Headline: [Ket qua mong muon] — [Thoi gian/Dieu kien]
Vi du: "Da sang min trong 4 tuan — khong can xam lan"
Sub-headline: [Phuong phap/San pham] giup [doi tuong] [dat ket qua] ma [loai bo noi lo].
Vi du: "Lieu trinh facial chuyen sau giup chi em van phong lay lai lan da khoe manh ma khong mat thoi gian nghi duong."
CTA: [Dong tu] + [Loi ich]
Vi du: "Dat lich tu van mien phi"Section 2 — Van de (Problem Agitation)
Muc dich: Goi ten dung noi dau de user cam thay "dung roi, minh dang gap van de nay."
| Thanh phan | Yeu cau |
|---|---|
| 3–5 pain point | Liet ke van de cu the, dung ngon ngu cua khach hang |
| Hau qua | Neu khong giai quyet thi sao? |
| Cam xuc | Dung tu gay dong cam: met moi, lo lang, chan nan, mat tu tin |
Template:
"Ban co dang gap nhung van de nay?"
- [Pain point 1 — mo ta cu the, co tinh huong]
- [Pain point 2 — hau qua cua van de]
- [Pain point 3 — cam xuc di kem]
- [Pain point 4 — da thu cach khac nhung khong hieu qua]
"Neu ban dang gap it nhat 1 trong nhung dieu tren — [ten san pham/dich vu] la giai phap."Section 3 — Giai phap (Solution + How it works)
Muc dich: Gioi thieu san pham/dich vu nhu cau tra loi cho van de o Section 2.
| Thanh phan | Yeu cau |
|---|---|
| Gioi thieu giai phap | 2–3 cau ngan, khong viet qua dai |
| 3–4 buoc hoat dong | So hoa quy trinh: Buoc 1 → Buoc 2 → Buoc 3 → Ket qua |
| Diem khac biet | 3 USP so voi doi thu hoac phuong phap cu |
| Visual | Hinh anh/icon minh hoa tung buoc |
Template:
"[Ten giai phap] hoat dong nhu the nao?"
Buoc 1: [Hanh dong dau tien cua khach] → [Ket qua buoc nay]
Buoc 2: [Hanh dong tiep theo] → [Ket qua buoc nay]
Buoc 3: [Hanh dong cuoi] → [Ket qua cuoi cung]
Tai sao khac biet:
- [USP 1]: [Giai thich ngan]
- [USP 2]: [Giai thich ngan]
- [USP 3]: [Giai thich ngan]Section 4 — Bang chung xa hoi (Social Proof)
Muc dich: Xay trust bang ket qua thuc te.
| Thanh phan | Yeu cau | So luong |
|---|---|---|
| Testimonial | Ten that, hinh that, ket qua cu the | 3–5 |
| So lieu | Tong khach, danh gia TB, nam kinh nghiem | 3–4 so |
| Logo doi tac | Neu la B2B hoac co brand lon | 4–6 logo |
| Truoc/Sau | Hinh anh so sanh ket qua | 2–3 cap |
| Video review | Khach hang chia se trai nghiem | 1–2 video |
Template testimonial:
"[Ket qua cu the voi so lieu]"
— [Ten], [Nghe nghiep/Vi tri], [Thanh pho]
[Hinh anh hoac avatar]Section 5 — Form thu lead / CTA chinh
Muc dich: Chuyen doi — day la section quan trong nhat.
| Thanh phan | Yeu cau |
|---|---|
| Headline form | Nhac lai loi ich + khan cap |
| So truong form | Toi thieu: Ten + SĐT (2 truong). Toi da: + Email + 1 truong tuy chon |
| CTA button | Mau cam (#ff6b00), kich thuoc lon, noi bat |
| Cam ket | "Thong tin bao mat" hoac "Tu van mien phi, khong rang buoc" |
| Khan cap | Countdown timer hoac "Con [X] slot trong thang nay" |
Quy tac form:
- Mobile: form chiem toan bo chieu rong man hinh
- Moi truong form co label ro rang + placeholder vi du
- Button CTA cao toi thieu 48px (de bam tren mobile)
- Sau submit: hien Thank you + redirect hoac thong bao thanh cong
- Khong yeu cau email neu muc tieu la goi dien/nhan tin
Section 6 — FAQ (Xu ly phan doi)
Muc dich: Tra loi 5–7 cau hoi thuong gap de go bo ro can mua.
| Loai cau hoi | Vi du |
|---|---|
| Gia ca | "Chi phi bao nhieu? Co phat sinh khong?" |
| Hieu qua | "Bao lau thay ket qua?" |
| An toan | "Co tac dung phu khong?" |
| Quy trinh | "Dang ky nhu the nao?" |
| Doi thu | "Khac gi voi [doi thu/phuong phap khac]?" |
| Cam ket | "Co bao hanh/hoan tien khong?" |
| Thoi gian | "Mat bao lau?" |
Dinh dang: Accordion (co/dong) — mac dinh dong tren mobile de tiet kiem khong gian.
Section 7 — Final CTA (Chot)
Muc dich: Lan cuoi keu goi hanh dong, manh me nhat.
| Thanh phan | Yeu cau |
|---|---|
| Headline | Tom tat toan bo gia tri trong 1 cau |
| CTA button | Giong Section 5, mau cam, kich thuoc lon |
| Khan cap | Nhac lai deadline/gioi han |
| Lien he truc tiep | SĐT hotline + link Zalo/Messenger (cho nguoi khong muon dien form) |
Yeu cau ky thuat
Bang nguong hieu suat (FCP, LCP, CLS, TTI, PageSpeed mobile), bang 7 tich hop bat buoc (Meta Pixel, GA4, Google Sheets, Zalo, UTM, TikTok Pixel, GTM), doan SEO meta tag mau, va bang 3 breakpoint responsive: doc
references/ky-thuat-tracking-va-ab-test.mdmuc "Yeu cau ky thuat".
Analytics Tracking Plan
Bang 11 su kien can track (PageView, ViewContent, 4 moc scroll depth, FormStart, Lead, ClickCTA, ClickPhone, ClickZalo) kem trigger va platform tuong ung: doc
references/ky-thuat-tracking-va-ab-test.mdmuc "Analytics Tracking Plan".
A/B Test Plan
Lo trinh test 3 vong theo thu tu uu tien (Vong 1 headline + CTA copy · Vong 2 so truong + vi tri form · Vong 3 mau CTA + yeu to khan cap) kem bien the A/B va quy tac ket luan: doc
references/ky-thuat-tracking-va-ab-test.mdmuc "A/B Test Plan".
Template ket qua
Khung markdown day du de copy: header + bang thong tin chung + o dien noi dung cho ca 7 section + checklist yeu cau ky thuat + 3 dong A/B test plan: doc
references/template-brief-landing-page.md.
Khau BUILD — tu brief den trang HTML chay duoc
Brief xong moi la nua duong. Phan nay la khau bien brief thanh trang HTML that — dung khi tu build (Ladipage Custom HTML, file HTML tinh, hoac giao cho dev).
Tu duy: landing page khong phai de dep — de convert. Moi section phai co ly do ton tai. Bo di ma khong ai de y thi bo han.
Buoc 1 — Chon mode truoc khi viet dong code dau tien
| MVP | Production | |
|---|---|---|
| Muc tieu | Nguoi duyet xem va chot huong trong 15 phut | Trang that de chay ads |
| Thoi gian | 30 phut — vuot la dang over-engineer | 1-2 ngay |
| Font | Font he thong (Arial / system-ui) | Font brand that |
| Copy | Placeholder, dung do dai that | Copy that da duyet |
| Anh | O mau xam co ghi kich thuoc | Anh that, da nen |
| Pixel / tracking | Khong | Day du |
| Responsive | Chi kiem tra khong vo layout | Hoan chinh 375px / 768px / 1440px |
Luat: khong bao gio nhay thang vao Production. MVP truoc → duyet huong → moi build that. Sua bo cuc o MVP mat 5 phut, sua o Production mat nua ngay.
Buoc 2 — Map section theo muc tieu (khong phai luc nao cung 7 section)
| Muc tieu / loai traffic | Thu tu section |
|---|---|
| Lead gen — traffic lanh | Hero → Van de → Giai phap → Bang chung → Form → FAQ → Final CTA |
| Traffic am (retarget, da biet brand) | Offer → Khan cap → Bang chung → Form |
| Khoa hoc / su kien | Hero → Gioi thieu → Noi dung chuong trinh → Nguoi day → Testimonial → Bang gia → FAQ → Form |
| Booking dich vu local | Hero → Bang chung → Quy trinh → Bang gia → Form dat lich → FAQ |
Traffic cang am, trang cang ngan. Bat nguoi da biet brand doc lai phan "van de" la ly do ho thoat.
Show full SKILL.md (1,012 more words)Show less
Buoc 3 — Thu tu build cac khoi
Build theo dung thu tu nay, moi khoi xong moi sang khoi tiep:
| # | Khoi | Bat buoc | Noi dung toi thieu |
|---|---|---|---|
| 1 | Hero | Co | Pre-headline (nhan nho) · Headline theo loi ich (khong theo tinh nang) · Sub-headline 1-2 cau · CTA chinh · social proof ngan ("X nguoi da tham gia" / so sao) · anh that (khong dung anh stock chung chung) |
| 2 | Van de | Co | 3 noi dau: icon + tieu de + 1 cau mo ta · cau chuyen tiep: "Neu ban gat dau voi it nhat 1 dieu tren..." |
| 3 | Giai phap | Co | Tieu de "Day la cach [brand] giai quyet..." · 3-5 y co dau tick · anh minh hoa hoac demo that |
| 4 | Bang chung xa hoi | Co | 2-3 the testimonial: avatar that + ten + vai tro + trich dan that · kem so lieu ("200+ hoc vien", "ROAS 4.2x") |
| 5 | Offer / bang gia | Tuy | Ten goi + nhan "Pho bien nhat" · gia goc gach ngang + gia hien tai · danh sach bao gom · bonus · khan cap ("con X suat" / "uu dai den [ngay]") · CTA lon · cam ket ("hoan tien trong X ngay") |
| 6 | FAQ | Nen co | 5-7 cau xu ly rao can cuoi, dang accordion |
| 7 | Final CTA | Co | Nhac lai khan cap · form hoac nut CTA · tin hieu tin cay (logo, cam ket, hotline) |
Nen mau va typography: doc tu brand hub — [mau primary], [mau secondary], [font heading], [font body]. Neu chua co, chay 46-brand-guideline truoc. Khong tu che bang mau.
Buoc 4 — Form va tracking
<form action="[WEBHOOK_URL]" method="POST">
<input type="hidden" name="source" value="landing-[ten-chien-dich]">
<input type="hidden" name="utm_source" value="">
<input type="hidden" name="utm_medium" value="">
<input type="hidden" name="utm_campaign" value="">
<input type="text" name="name" placeholder="Ho va ten *" required>
<input type="tel" name="phone" placeholder="So dien thoai *" required>
<input type="email" name="email" placeholder="Email">
<button type="submit">Dang ky ngay</button>
</form>- UTM tu URL phai duoc tu dong do vao hidden field — khong co buoc nay thi khong biet lead den tu camp nao.
- Fire event
Lead(Meta Pixel) va event tuong ung GA4 khi submit thanh cong, khong phai khi bam nut. - Moi field them vao form = conversion giam. Toi da 3 field bat buoc.
Chi tiet setup pixel/CAPI/UTM → 53-tracking-setup.
Buoc 5 — Conversion checklist ky thuat (truoc khi go live)
- Phan man hinh dau tien tai xong < 2 giay (do o mang 4G, khong do o wifi)
- Anh co
loading="lazy"— tru anh hero - Anh hero < 200KB, da nen, dung dinh dang toi uu
- Kiem tra o be ngang 375px — khong co thanh cuon ngang
- Headline + CTA thay ngay khong can cuon, ke ca tren mobile
- Test submit form that — data ve dung noi nhan (Sheets / CRM / webhook)
- Tat ca nut CTA va anchor scroll hoat dong
- Meta Pixel fire dung event
Leadkhi submit (kiem bang Events Manager) - Da dien page title + meta description + OG image 1200x630
- Khong co menu dieu huong, khong co link dan ra ngoai trang
Buoc 6 — Timeline chuan trong chien dich
| Moc | Viec | Nguoi lam | Gate |
|---|---|---|---|
| T-14 | Doc brief chien dich, chot landing page nam trong danh sach asset | Designer / Dev | 41-campaign-asset-list |
| T-7 | Dung MVP trong 30 phut → gui duyet | Designer / Dev | Duyet huong trong 15 phut (47-design-review) |
| T-6 | Sua theo gop y MVP (1 vong) | Designer / Dev | |
| T-5 | Build ban Production day du (landing page la asset phuc tap — lam som nhat) | Designer / Dev | |
| T-3 | Gan tracking, test form, test toc do | Performance | 53-tracking-setup |
| T-1 | Kiem tra cuoi cung theo conversion checklist | Performance + Lead | Pre-launch check |
| T-0 | Go live truoc khi bat ads | Khong bat ads truoc khi landing page da test xong |
Luat: landing page luon la asset lam som nhat trong chien dich, vi moi thu khac (ads, email, Zalo) deu tro ve day. Landing page tre = ca chien dich tre.
Lien ket skill
09-insight-khach-hang— lay pain point va ngon ngu khach hang cho Section 205-copy-quang-cao— viet copy ads dan traffic ve landing page10-tinh-kpi-nguoc— tinh conversion rate can dat va ngan sach ads tuong ung02-brief-chien-dich— landing page nam trong brief chien dich tong the13-phan-tich-du-lieu— phan tich hieu suat landing page sau khi chay41-campaign-asset-list— landing page la 1 dong trong danh sach asset cua chien dich46-brand-guideline— lay mau, font, style token thay vi tu che bang mau47-design-review— gate duyet MVP o T-7 va duyet ban Production49-html-email-template— cung he token va cung cach dung HTML cho email53-tracking-setup— gan pixel, CAPI, UTM cho landing page21-audit-ads-performance— khi CTR tot ma CPL cao, van de thuong nam o landing page
Checklist chat luong
Noi dung
- Headline Hero truyen tai loi ich trong 60 ky tu
- Moi section co 1 muc dich ro rang, khong trung lap
- Pain point dung ngon ngu cua khach hang (khong dung thuat ngu noi bo)
- Co it nhat 3 testimonial voi ten that + ket qua cu the
- Moi CTA dung dong tu + loi ich, khong dung "Click here" hay "Tim hieu them"
- Co yeu to khan cap (countdown, so luong gioi han, deadline)
- FAQ xu ly het cac phan doi chinh
Thiet ke
- Khong co navigation menu
- Khong co link dan ra ngoai trang
- Mobile layout 1 cot, font >= 16px
- CTA button mau cam, chiem full width tren mobile
- Hinh anh co alt text
- Form toi da 3 truong
Ky thuat
- Load time < 3 giay tren 4G
- Meta Pixel + GA4 da cai
- Form gui data ve Google Sheets
- Zalo thong bao khi co lead moi
- UTM params duoc luu vao form data
- OG image 1200x630 da co
- noindex, nofollow (landing page khong can SEO)
Truoc khi go live
- Test form tren mobile (iOS + Android)
- Test toc do tren PageSpeed Insights
- Kiem tra hien thi OG khi share link
- Chay thu Meta Pixel voi Events Manager
- Link CTA va anchor scroll hoat dong dung
Khi tu build HTML
- Da chon mode truoc khi build (MVP hay Production) — khong nhay thang vao Production
- MVP hoan thanh trong 30 phut va da duoc duyet huong truoc khi build that
- Thu tu section chon theo muc tieu va do am cua traffic — khong mac dinh 7 section
- Mau va font lay tu brand hub (
[mau primary],[font heading]) — khong tu che - Form co hidden field tu dong bat UTM tu URL
- Event
Leadfire khi submit thanh cong, khong phai khi bam nut - Anh hero < 200KB; anh con lai co
loading="lazy" - Kiem tra 375px khong co cuon ngang
- Landing page hoan thanh truoc khi bat ads — khong chay ads vao trang chua test
© minhnv0807, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files (references) in skills/vi/12-brief-landing-page of minhnv0807/ai-business-skills.
- SKILL.md
- references/ky-thuat-tracking-va-ab-test.md
- references/template-brief-landing-page.md
Open the folder on GitHubat commit 0360adc
Compare with similar skills
12 Brief Landing Page next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| 12 Brief Landing Page this skillminhnv0807/ai-business-skills | 609 | — | ~4.2k | Automated safety check: Pass | MIT | |
| Website Taste Passtryproduck/produck-skills | 511 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Landing Page Generatorbuildfastwithai/gen-ai-experiments | 785 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Bio Link DeployerAffitor/affiliate-skills | 701 | — | ~3k | Automated safety check: Pass | MIT | |
| Replica LaunchJakeschincariol/replica-skill | 1.4k | — | ~1k | Automated safety check: Pass | MIT | |
| Ads Competitorszubair-trabzada/ai-ads-claude | 268 | — | ~4.9k | Automated safety check: Pass | MIT |
Similar skills
Landing Page Generator
buildfastwithai/gen-ai-experiments
Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.
Bio Link Deployer
Affitor/affiliate-skills
Create a Linktree-style bio link hub page as a single self-contained HTML file.
Replica Launch
Jakeschincariol/replica-skill
Writes the launch for an app clone: the landing page built on the positioning angle, pricing set against the original's public pricing and its users' complaints, and the App Store and Google Play…
Ads Competitors
zubair-trabzada/ai-ads-claude
Competitive Ad Intelligence. An agent skill from zubair-trabzada/ai-ads-claude.
Arabic Copy Localizer
growthack88/growth-marketing-os
Marketing copy localization skill that converts English marketing copy (ads, landing pages, emails, CTAs) into native Egyptian Arabic عامية — or GCC dialect on request — with natural English…
More from minhnv0807/ai-business-skills
All 142 skills in this repoDesign Master
minhnv0807/ai-business-skills
Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.
Offer Design
minhnv0807/ai-business-skills
Designs or repairs what a business sells, covering the promise, value stack, bonuses, guarantee, honest scarcity and a tiered ladder, rather than price or copy.
Global SEO Growth
minhnv0807/ai-business-skills
Covers six SEO layers for a website: crawl and index audit, local SEO, search-intent content, AI search visibility, schema markup and backlink or directory distribution.
B2B Lead Generation
minhnv0807/ai-business-skills
Plans B2B pipeline work from ICP definition and prospecting through lead scoring, outbound sequences, sales assets and MQL to SQL handoff, aiming at qualified pipeline.
Community Seeding Plan
minhnv0807/ai-business-skills
Plans honest participation in outside communities such as Reddit, Discord and Facebook Groups, with a rules-based community list, roster, posts, replies and calendar.
Ad Conversion Tracking Setup
minhnv0807/ai-business-skills
Sets up and verifies conversion tracking before ad spend: Meta Pixel and CAPI, Google Ads, GA4, TikTok, server-side GTM, consent mode, UTMs and a pre-launch checklist.
Related
Categories
Questions about 12 Brief Landing Page
What does 12 Brief Landing Page do?
Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev. 12 Brief Landing Page is an agent skill from minhnv0807/ai-business-skills. Dung khi can viet brief de XAY landing page moi hoac trang ban hang moi — cau truc section, copy tung khoi, yeu cau ky thuat, tracking va timeline giao dev.
When should I use 12 Brief Landing Page?
12 Brief Landing Page fits situations like: tasks that involve Landing pages.
How do I install 12 Brief Landing Page in Claude Code?
Run `npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a claude-code`. Or copy the skill folder (skills/vi/12-brief-landing-page in minhnv0807/ai-business-skills) into .claude/skills/12-brief-landing-page in your project. Claude Code loads it when a task matches its description.
How do I install 12 Brief Landing Page in Codex?
Run `npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a codex`. Or copy the skill folder (skills/vi/12-brief-landing-page in minhnv0807/ai-business-skills) into .agents/skills/12-brief-landing-page in your project. Codex loads it when a task matches its description.
Can I use 12 Brief Landing Page in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add minhnv0807/ai-business-skills --skill 12-brief-landing-page -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/12-brief-landing-page, .gemini/skills/12-brief-landing-page, .github/skills/12-brief-landing-page and .opencode/skills/12-brief-landing-page in your project.
What does 12 Brief Landing Page need to run?
SKILL.md names no scripts, command-line tools or credentials: 12 Brief Landing Page is instructions for the agent only.
Does 12 Brief Landing Page access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is 12 Brief Landing Page safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does 12 Brief Landing Page use?
12 Brief Landing Page is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does 12 Brief Landing Page use?
About 4.2k tokens (SKILL.md is roughly 17k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.5k tokens, read only when the agent opens those files.
What are the alternatives to 12 Brief Landing Page?
Skills that share tags, products or a category with 12 Brief Landing Page: Website Taste Pass (tryproduck/produck-skills, 511 stars), Landing Page Generator (buildfastwithai/gen-ai-experiments, 785 stars), Bio Link Deployer (Affitor/affiliate-skills, 701 stars) and Replica Launch (Jakeschincariol/replica-skill, 1.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains 12 Brief Landing Page?
minhnv0807 (a GitHub user) maintains it in minhnv0807/ai-business-skills, which has 609 GitHub stars. The repository holds 142 skills in this directory. The repository was last updated on September 12, 2026.
Source: minhnv0807/ai-business-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.