landing-page-generator

Files (4)

• SKILL.md
• conversion_checklist.py · scripts/
• cta_analyzer.py · scripts/
• page_speed_estimator.py · scripts/

SKILL.md (first lines)

# Landing Page Generator

Design and build high-converting landing pages using proven copy frameworks, section patterns, and conversion optimization techniques.

---

## Table of Contents

- [Keywords](#keywords)
- [Quick Start](#quick-start)
- [Core Workflows](#core-workflows)
- [Page Section Library](#page-section-library)
- [Copy Framework Application](#copy-framework-application)
- [Conversion Optimization Checklist](#conversion-optimization-checklist)
- [Design Style Reference](#design-style-reference)
- [CTA Strategy](#cta-strategy)
- [SEO and Performance](#seo-and-performance)
- [A/B Testing Framework](#ab-testing-framework)
- [Best Practices](#best-practices)
- [Integration Points](#integration-points)

---

## Keywords

landing page, landing page design, conversion optimization, lead capture page, campaign page, marketing page, hero section, CTA strategy, landing page copy, landing page generator, promo page, conversion page, lead gen page, single-page site, landing page template, A/B testing, page layout, above the fold, social proof, pricing table, FAQ section, testimonial block

---

## Clarify First

Before generating the page, settle the inputs below. When one is missing or vague and would change the result, ask about it; when it wouldn't, use a sensible default and say which one you used.

- **Conversion goal & offer:** the single action and what the visitor gets (every page has one goal and one CTA).
- **Target audience & awareness level:** who they are and what they know (selects the copy framework PAS/AIDA/BAB).
- **Key pain point & key benefit:** the problem and the primary outcome (drives the hero headline and Problem/Solution sections).
- **Traffic source:** ads, email, or organic (sets message match and page adaptation).

Ask about the two or three inputs that matter most for this request, not the whole list. If the user wants a result straight away, produce it and state your assumptions at the top.

## Quick Start

### Generate a Landing Page

1. Gather inputs: product, audience, pain point, key benefit, offer
2. Select design style (dark-saas, clean-minimal, bold-startup, enterprise)
3. Choose copy framework (PAS, AIDA, BAB) based on audience awareness
4. Build sections in order: Hero > Problem > Solution > Social Proof > How It Works > CTA
5. Run conversion optimization checklist before publishing
6. Set up A/B test for headline and CTA variants

### Landing Page Brief Template

```markdown
## Landing Page Brief
- Product/Service: [Name]
- Value proposition: [One sentence]
- Target audience: [Who and what they need]
- Key pain point: [Primary problem you solve]
- Key benefit: [Primary outcome they get]
- Offer: [What you are offering — trial, demo, download, purchase]
- Traffic source: [Where visitors come from — ads, email, organic]
- Design style: [dark-saas / clean-minimal / bold-startup / enterprise]
- Copy framework: [PAS / AIDA / BAB]
```

---

## Core Workflows

### Workflow 1: Full Landing Page Build

**Step 1: Define the Single Goal**

Every landing page has one purpose and one CTA. Define it before anything else:
- What action do you want the visitor to take?
- What does the visitor get in return?
- What is the traffic source (this determines headline matching)?

**Step 2: Select Copy Framework**

| Framework | Best When | Audience Awareness Level |
|-----------|-----------|------------------------|
| PAS (Problem > Agitate > Solve) | Audience knows the problem | Problem-aware |
| AIDA (Attention > Interest > Desire > Action) | Audience needs education | Unaware to problem-aware |
| BAB (Before > After > Bridge) | Audience wants transformation | Solution-aware |

**Step 3: Build Sections in Order**

| Order | Section | Purpose |
|-------|---------|---------|
| 1 | Hero | Communicate value in 5 seconds |
| 2 | Social proof bar | Build instant credibility |
| 3 | Problem statement | Show you understand their pain |
| 4 | Solution / Benefits | Present your answer |
| 5 | How it works | Reduce perceived complexity |
| 6 | Features with benefits | Detail what they get |
| 7 | Testimonials | Proof from real customers |
| 8 | Pricing (if applicable) | Help them decide |
| 9 | FAQ | Handle objections |
| 10 | Final CTA | Repeat the ask with risk reversal |

**Step 4: Write Copy Per Section**

Use the section-specific guidelines in the Page Section Library below.

**Step 5: Optimize for Conversion**

Run the Conversion Optimization Checklist before launching.

### Workflow 2: Campaign Landing Page

For ad campaigns, email campaigns, or launch events:

**Step 1: Message Match**

The landing page headline MUST match the ad/email that drives traffic:
- If ad says "Reduce churn by 30%," the landing page headline must say "Reduce churn by 30%"
- Mismatched expectations cause immediate bounce

From borghei/Claude-Skills, MIT.

More from borghei/Claude-Skills