playbooks

home / skills / openclaw / skills / landing-page

landing-page skill

/skills/ivangdavila/landing-page

This skill helps you craft high-converting landing pages with proven structure, persuasive copy, and conversion-focused optimization.

npx playbooks add skill openclaw/skills --skill landing-page

Review the files below or copy the command above to add this skill to your agents.

Files (6)
SKILL.md
2.0 KB
---
name: "Landing Page"
description: "Build high-converting landing pages with proven structure, persuasive copy, and conversion optimization."
---

## Triggers

Activate on: "create landing page", "write landing copy", "improve conversion", "page not converting", "hero section help".

## Core Structure

Every landing page follows the same spine:

| Section | Purpose | Height |
|---------|---------|--------|
| Hero | Hook + CTA | 100vh |
| Problem | Agitate pain | Short |
| Solution | Your answer | Medium |
| Benefits | What they get | Medium |
| Social proof | Trust signals | Variable |
| CTA | Convert | Compact |

See `sections.md` for detailed requirements per section.

## Hero Formula

```
[Headline: Outcome they want]
[Subhead: How you deliver it]
[CTA button] [Secondary action]
[Visual: Product/result]
```

**Headline test:** Would they screenshot and send to a friend?

## Copy Rules

- **You > We.** Talk about them, not yourself.
- **Specific > Vague.** "Save 4 hours/week" beats "Save time"
- **One CTA.** Everything else is distraction.
- **Objection handling.** Answer "why not?" before they ask.

See `copy.md` for formulas and examples by page type.

## Conversion Checklist

Before launch:

- [ ] CTA visible without scrolling
- [ ] Load time <3s
- [ ] Mobile-first (60%+ traffic)
- [ ] Single goal, single action
- [ ] Social proof near CTA
- [ ] Friction removed (minimal form fields)

See `optimization.md` for A/B testing and analytics setup.

## Red Flags

Stop and fix:
- Multiple competing CTAs → Pick one
- Features without benefits → Translate to outcomes
- No social proof → Add testimonials, logos, numbers
- Wall of text → Break into scannable sections
- Generic stock photos → Use product/real images

## By Page Type

Different goals need different emphasis:

| Type | Lead with | CTA |
|------|-----------|-----|
| SaaS | Demo/trial | Start free |
| eCommerce | Product + offer | Buy now |
| Lead gen | Value prop + form | Get [resource] |
| Event | Date + speakers | Register |

See `templates.md` for page-type specific structures.

Overview

This skill builds high-converting landing pages using a proven structure, persuasive copy, and conversion-first optimization. It provides a repeatable spine for pages, headline and hero formulas, copy rules, and a pre-launch conversion checklist. The output focuses on measurable outcomes: clearer messaging, higher CTRs, and faster validation of offers.

How this skill works

The skill inspects your page goal and audience, then generates a full landing page layout based on a fixed spine: Hero, Problem, Solution, Benefits, Social Proof, CTA. It applies headline formulas, prioritizes user-focused copy (You > We), and enforces conversion rules like a single CTA and objection handling. Finally, it produces an optimization checklist and page-type tweaks for SaaS, eCommerce, lead gen, or events.

When to use it

  • Launching a new product or feature and you need a dedicated conversion page
  • Improving an underperforming page that isn’t converting visitors
  • Rapidly validating an idea with a single-goal landing page
  • Creating campaign-specific pages for ads, email, or partners
  • Preparing an event, lead magnet, or product drop

Best practices

  • Lead with a screenshot-worthy headline that communicates the outcome
  • Write for the visitor (You > We) and use specific, measurable claims
  • Keep a single primary CTA visible without scrolling and minimize friction
  • Place social proof close to the CTA to reduce hesitation
  • Optimize for mobile first and target load time under 3 seconds
  • Break copy into scannable sections; avoid walls of text

Example use cases

  • SaaS demo page that leads with benefit-driven headlines and a ‘Start free’ CTA
  • eCommerce product landing page focused on offer, visuals, and a ‘Buy now’ CTA
  • Lead-gen page offering a downloadable resource with a short form and clear value
  • Event registration page highlighting date, speakers, and a simple register CTA
  • A/B test-ready page template with social proof variants and headline swaps

FAQ

What is the single most important element on a landing page?

A clear, benefit-driven headline that communicates the outcome visitors care about and is screenshot-worthy.

How many CTAs should I include?

One primary CTA. Secondary actions may appear but avoid competing CTAs that dilute conversions.