12-brief-landing-page
This Claude Code skill generates a high-converting landing page template structured around the "one page, one goal, one call-to-action" principle. It guides users through gathering essential information about their product, target audience, and traffic sources, then applies Vietnamese market best practices including mobile-first design, seven standardized sections, and urgency elements like countdowns. Use this when building direct response landing pages for lead generation, appointment booking, or sales in the Vietnamese market.
git clone --depth 1 https://github.com/minhnv0807/ai-business-skills /tmp/12-brief-landing-page && cp -r /tmp/12-brief-landing-page/skills/vi/12-brief-landing-page ~/.claude/skills/12-brief-landing-pageSKILL.md
# 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: 1. **San pham/dich vu gi?** Mo ta ngan + gia ban + doi tuong muc tieu. 2. **Muc tieu landing page?** Thu lead (form), dat lich, mua hang, dang ky? 3. **Nguon traffic chinh?** Meta Ads, TikTok Ads, Google Ads, organic, hay ket hop? 4. **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 dea
Ke hoach Fullstack Marketing — master skill tong hop chien luoc, noi dung, trien khai, hieu suat, va timeline. Goi cac skill con de hoan thien output.
Use when the user needs an overall marketing plan for a period — objectives, segments, positioning, channel mix, content direction, budget, timeline, KPIs, and a risk matrix, adapted to US, EU, SEA, or LATAM. Trigger on 'marketing plan', 'marketing strategy for next year', 'go-to-market roadmap', 'plan for Q3', 'we have no marketing plan', 'where should we spend next quarter'. Also use when a founder only says the business needs to grow and has no idea which channel to start with. Not for — one specific campaign, see `02-campaign-brief-global`; working backward from a revenue goal to spend, see `10-reverse-kpi-global`; splitting a budget across channels and months, see `61-budget-planning-global`; taking a brand new product to market, see `59-go-to-market-global`.
Use when the user needs a monthly or weekly content calendar — posting schedule per channel, funnel ratio, content pillars, repurposing matrix, and an owner per slot. Trigger on 'content calendar', 'posting schedule', 'what should we post this month', 'editorial calendar', 'social media plan', 'we post randomly with no plan'. Also use when the user only says the team keeps running out of things to post. Not for — the brief for one specific post, see `36-content-brief-global`; the caption text itself, see `37-social-caption-global`; deciding next period content from last period data, see `40-next-content-plan-global`; a paid campaign timeline, see `02-campaign-brief-global`.
Lich noi dung thang — len lich dang bai da kenh voi ti le pheu, content pillar, repurposing matrix, va scoring tieu chi.
Brief chien dich marketing — 9 phan day du tu Context den Risk, bao gom creative direction, RACI, budget allocation theo phase, va auto-trigger cac skill lien quan.
Use when a specific campaign needs a brief the whole team can execute from — context, objective, audience, core message, creative direction, channels, deliverables, week-by-week timeline, approval gates, and risks. Trigger on 'campaign brief', 'creative brief', 'launch brief', 'brief the team on this campaign', 'we are running a promo next month', 'what is the plan for this campaign'. Also use when the user describes a promotion out loud and asks for something the team can actually run. Not for — the whole period plan, see `00-marketing-plan-global`; the list of design files needed, see `41-campaign-asset-list-global`; assigning work to one person, see `64-team-brief-global`; a new product launch sequence, see `59-go-to-market-global`.
Danh gia hieu suat marketing — audit performance ads va organic, chan doan root cause, de xuat toi uu voi action plan 48h va checklist hang tuan.
Use when marketing numbers look bad and the user needs to know WHY — layered root-cause diagnosis across tracking, delivery, creative, landing page, offer, and audience quality, 5-Whys, regional benchmarks for US, EU, SEA, and LATAM, and a 48-hour action plan. Covers dropshipping ROAS and BE-ROAS. Trigger on 'why is CPA so high', 'my ads are not converting', 'ROAS dropped', 'we are burning budget', 'performance is bad this month', 'diagnose the funnel'. Also use when the user pastes a screenshot of numbers with no question attached. Not for — auditing account configuration and scoring health, see `21-ads-audit-global`; writing a report someone else reads, see `07-marketing-report-global`; turning a raw export into insight, see `13-data-analysis-global`.