Create high-converting landing page briefs — 7-section structure, 1 page = 1 goal = 1 CTA, mobile-first, conversion-optimized. Includes Single-Product LP for Dropshipping mode.
npx skills add https://github.com/minhnv0807/ai-business-skills --skill 12-landing-page-brief-global
> 1 page = 1 goal = 1 CTA. No menus, no outbound links, no distractions.
Ask up to 4 questions:
| Principle | Explanation |
|-----------|-------------|
| Single goal | Each page serves one action: fill a form, book a call, or buy |
| No nav menu | Remove header navigation — prevents users leaving the page |
| No outbound links | Every link should anchor-scroll to the CTA, never link out |
| Mobile-first | 70%+ of paid-ad traffic is mobile globally — design mobile first |
| <3s load | First Contentful Paint < 1.5s, Largest Contentful Paint < 3s |
| Urgency element | Countdown, limited stock, deadline — always have at least one |
| Device | Total page length | Avg reading time |
|--------|-------------------|------------------|
| Mobile | 6–8 scroll screens | 90–120 seconds |
| Desktop | 4–5 scroll screens | 60–90 seconds |
Goal: Hook + deliver core value proposition within 5 seconds.
| Element | Requirement | Character limit |
|---------|-------------|-----------------|
| Headline | Clear benefit, not generic | 60 chars |
| Sub-headline | Short explanation of the benefit | 120 chars |
| Primary CTA | Verb + benefit, contrast color (#ff6b00) | 25 chars |
| Visual | Product image/video or result shot | 1 hero asset |
| Trust badge | Customer count, ratings, partner logos | 3–5 badges |
Copy template:
Headline: [Desired result] — [Time / condition]
Example: "Clear skin in 4 weeks — without injections"
Sub-headline: [Method/product] helps [audience] [achieve result] without [main concern].
Example: "Our deep-facial protocol helps busy professionals reclaim healthy skin without downtime."
CTA: [Verb] + [benefit]
Example: "Book your free consultation"
Goal: Name the exact pain so the user thinks "Yes, that's me."
| Element | Requirement |
|---------|-------------|
| 3–5 pain points | Specific, in customer's own language |
| Consequences | What happens if unsolved? |
| Emotion | Empathy words: tired, anxious, frustrated, stuck |
Template:
"Are you struggling with any of these?"
- [Pain 1 — specific, situational]
- [Pain 2 — consequence of the problem]
- [Pain 3 — accompanying emotion]
- [Pain 4 — failed past attempts]
"If even one of these resonates — [product/service] is built for you."
Goal: Position the product/service as the answer to Section 2.
| Element | Requirement |
|---------|-------------|
| Solution intro | 2–3 short sentences |
| 3–4 process steps | Numbered: Step 1 → Step 2 → Step 3 → Result |
| Differentiators | 3 USPs vs competitors or old methods |
| Visual | Icons or images per step |
Template:
"How [solution] works:"
Step 1: [Customer action] → [Outcome of step]
Step 2: [Next action] → [Outcome of step]
Step 3: [Final action] → [End result]
Why we're different:
- [USP 1]: [Short explanation]
- [USP 2]: [Short explanation]
- [USP 3]: [Short explanation]
Goal: Build trust through real results.
| Element | Requirement | Quantity |
|---------|-------------|---------|
| Testimonial | Real name, photo, specific result | 3–5 |
| Numbers | Total customers, avg rating, years experience | 3–4 stats |
| Partner logos | If B2B or with major brands | 4–6 logos |
| Before/After | Side-by-side result imagery | 2–3 pairs |
| Video review | Customer talking about experience | 1–2 videos |
Testimonial template:
"[Specific result with numbers]"
— [Name], [Role/Title], [City]
[Photo or avatar]
Goal: Convert. This is the most critical section.
| Element | Requirement |
|---------|-------------|
| Form headline | Restate benefit + add urgency |
| Form fields | Min: Name + Phone (2 fields). Max: + Email + 1 optional |
| CTA button | Contrast color (#ff6b00), large, high-contrast |
| Reassurance | "Information is private" or "Free consult, no obligation" |
| Urgency | Countdown timer or "[X] slots left this month" |
Form rules:
Goal: Answer 5–7 common questions to remove buying barriers.
| Type | Examples |
|------|----------|
| Pricing | "How much does it cost? Any hidden fees?" |
| Effectiveness | "How long until I see results?" |
| Safety | "Are there side effects?" |
| Process | "How do I sign up?" |
| Competition | "How is this different from [alternative]?" |
| Guarantee | "Refund or warranty policy?" |
| Timing | "How long does it take?" |
Format: Accordion (open/close) — collapsed by default on mobile to save space.
Goal: One last, strongest call to action.
| Element | Requirement |
|---------|-------------|
| Headline | Sum up the entire value proposition in one line |
| CTA button | Same as Section 5 — contrast color, large |
| Urgency | Restate deadline or limited stock |
| Direct contact | Phone hotline + WhatsApp/Messenger link (for non-form converters) |
| Metric | Target |
|--------|--------|
| First Contentful Paint | < 1.5s |
| Largest Contentful Paint | < 3s |
| Cumulative Layout Shift | < 0.1 |
| Time to Interactive | < 3.5s |
| PageSpeed Score (Mobile) | > 80 |
| Integration | Detail |
|-------------|--------|
| Meta Pixel | Events: PageView, ViewContent, Lead, SubmitApplication |
| Google Analytics 4 | Events: page_view, scroll (25/50/75/100%), form_start, form_submit |
| Form → CRM/Sheet | Every submission auto-saved (HubSpot, Airtable, Google Sheets) |
| Form → Slack/Email alert | Real-time notification on new lead |
| UTM tracking | Read UTM params from URL, save with form data |
| TikTok Pixel | If running TikTok Ads: PageView, SubmitForm |
| Google Tag Manager | Manage all pixels in one container |
<title>[Main headline] | [Brand name]</title>
<meta name="description" content="[Sub-headline — 150–160 chars]" />
<meta property="og:title" content="[Main headline]" />
<meta property="og:description" content="[Short sub-headline]" />
<meta property="og:image" content="[OG image URL 1200x630]" />
<meta property="og:type" content="website" />
<meta name="robots" content="noindex, nofollow" /> <!-- LPs typically don't need indexing -->
| Breakpoint | Requirement |
|-----------|-------------|
| Mobile (< 768px) | Single column, font 16px+, CTA full width |
| Tablet (768–1024px) | 1–2 columns, prominent CTA |
| Desktop (> 1024px) | 2 columns for image+text sections, max-width 1200px |
| Event | Trigger | Platform |
|-------|---------|----------|
| PageView | Page loads | Meta Pixel + GA4 + TikTok Pixel |
| ViewContent | Scrolls past Section 3 (Solution) | Meta Pixel |
| Scroll depth 25% | 25% scrolled | GA4 |
| Scroll depth 50% | 50% scrolled | GA4 |
| Scroll depth 75% | 75% scrolled | GA4 |
| Scroll depth 100% | Full scroll | GA4 |
| FormStart | Click on first form field | GA4 |
| Lead | Successful form submit | Meta Pixel + GA4 + TikTok Pixel |
| ClickCTA | Any CTA button click | GA4 (event label: section position) |
| ClickPhone | Phone number click | GA4 |
| ClickChat | Live chat / WhatsApp click | GA4 |
Test by priority — only one variable at a time:
| Variable | Variant A | Variant B | Metric |
|----------|-----------|-----------|--------|
| Hero headline | Benefit-focused | Pain-focused | Form conv rate |
| CTA copy | "Book free consult" | "Get my offer" | CTA click rate |
| Variable | Variant A | Variant B | Metric |
|----------|-----------|-----------|--------|
| Form fields | 2 fields (Name + Phone) | 3 fields (+ Email) | Form conv rate |
| Form position | Mid-page (Section 5) | Top (after Hero) | Form conv rate |
| Variable | Variant A | Variant B | Metric |
|----------|-----------|-----------|--------|
| CTA color | Orange (#ff6b00) | Blue (#155eef) | CTA click rate |
| Urgency element | Countdown timer | "X slots left" text | Form conv rate |
A/B test rules:
> Activates when context is dropshipping. Different from regular brand LP — laser-focused on conversion.
| Section | Goal | Element |
|---------|------|---------|
| 1. Hero | Stop scroll | Hero image + bold headline + price + CTA button |
| 2. Problem-Solution | Validate problem | "Tired of X? This Y solves it" + product photos |
| 3. How it works | Build understanding | 3 steps with icons |
| 4. Social proof | Build trust | Customer photos + reviews (Loox/Judge.me) |
| 5. Features benefits | Build desire | 4-6 feature tiles |
| 6. Comparison | Differentiate | "Us vs Alternatives" table |
| 7. Urgency/Scarcity | Push decision | Stock countdown / shipping delay if delayed |
| 8. FAQ | Handle objections | 6-10 common objections answered |
| 9. CTA section | Convert | Repeat CTA + free shipping mention + guarantee |
| 10. Footer | Trust signal | Contact + return policy + privacy |
See skill 29-dropshipping-mastery-global for full pipeline.
# Landing Page Brief — [Product/Service Name]
Created: [YYYY-MM-DD]
Goal: [Lead / Booking / Purchase]
Traffic source: [Meta Ads / TikTok Ads / Google Ads / ...]
---
## Overview
| Item | Detail |
|------|--------|
| Product/Service | [Name] |
| Audience | [Short description] |
| Price | [Price] |
| Main USP | [3 differentiators] |
| Target conversion rate | [X%] (benchmark: lead-gen LPs 5–15%, e-com 1–5%) |
---
## Section 1 — Hero
- **Headline:** [60 chars]
- **Sub-headline:** [120 chars]
- **CTA:** [25 chars]
- **Visual:** [Image/video description]
- **Trust badges:** [List 3–5]
## Section 2 — Problem
- Pain 1: [...]
- Pain 2: [...]
- Pain 3: [...]
- Bridge: [Sentence linking pain to solution]
## Section 3 — Solution
- Intro: [2–3 sentences]
- Step 1: [...]
- Step 2: [...]
- Step 3: [...]
- USPs: [3 points]
## Section 4 — Social Proof
- Testimonial 1: [Name, result, photo]
- Testimonial 2: [Name, result, photo]
- Testimonial 3: [Name, result, photo]
- Stats: [e.g. 1,200+ customers | 4.8/5 rating | 5 yrs experience]
## Section 5 — Form
- Form headline: [...]
- Fields: Name, Phone, [optional]
- CTA: [...]
- Urgency: [Countdown / limited slots]
- Reassurance: [...]
## Section 6 — FAQ
1. [Q] → [A]
2. [Q] → [A]
3. [Q] → [A]
4. [Q] → [A]
5. [Q] → [A]
## Section 7 — Final CTA
- Headline: [Value summary]
- CTA: [Same as Section 5]
- Contact: [Phone + WhatsApp + Messenger]
---
## Technical Requirements
- [ ] Load < 3s (mobile)
- [ ] Meta Pixel: PageView, ViewContent, Lead
- [ ] GA4: page_view, scroll depth, form_start, form_submit
- [ ] Form → CRM/Sheet (auto)
- [ ] Slack/Email lead alert (auto)
- [ ] UTM tracking with form data
- [ ] OG meta tags complete
- [ ] Responsive mobile-first
## A/B Test Plan
- Test 1: [Headline A vs B] — metric: conv rate — duration: 7 days
- Test 2: [CTA copy A vs B] — metric: click rate — duration: 7 days
- Test 3: [Form fields A vs B] — metric: conv rate — duration: 7 days
09-customer-insight-global — pull pain points and customer language for Section 205-ad-copy-global — write ads driving traffic to this LP10-reverse-kpi-calc-global — compute target conversion rate and ad spend02-campaign-brief-global — LP fits in the broader campaign brief13-data-analysis-global — analyze LP performance after launch29-dropshipping-mastery-global — full dropshipping pipeline (when LP is for a single product store)A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.
Identifies high-quality leads for your product or service by analyzing your business, searching for target companies, and providing actionable contact strategies. Perfect for sales, business development, and marketing professionals.
Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.
Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store
NGS analysis toolkit. BAM to bigWig conversion, QC (correlation, PCA, fingerprints), heatmaps/profiles (TSS, peaks), for ChIP-seq, RNA-seq, ATAC-seq visualization.
Materials science toolkit. Crystal structures (CIF, POSCAR), phase diagrams, band structure, DOS, Materials Project integration, format conversion, for computational materials science.
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Take minhnv0807/12-landing-page-brief-global from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.