Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Generate landing page content from PRD — hero section, features, A/B headline variants, CTA, and SEO meta tags. Use when user says "create landing page", "wr...
Generate landing page content from PRD — hero section, features, A/B headline variants, CTA, and SEO meta tags. Use when user says "create landing page", "wr...
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Generate landing page content from a project's PRD. Produces hero section, features, social proof, CTA, SEO meta tags, and A/B headline variants. If astro-static stack detected, can scaffold actual page files.
kb_search(query) — find related methodology (conversion, copywriting) project_info(name) — get project stack and details web_search(query) — competitor landing analysis If MCP tools are not available, fall back to Glob + Grep + Read.
Parse project from $ARGUMENTS. Read PRD, README, or research.md for product info. If empty: ask via AskUserQuestion. Detect stack: Check for astro.config.* → astro-static (can scaffold page) Check for next.config.* → Next.js (can scaffold route) Otherwise: generate content-only markdown Extract landing inputs from PRD/README: Problem: 1 sentence pain statement Solution: 1 sentence product description ICP: Target user persona Features: Top 3-4 differentiating features with descriptions Competitors: From research.md (if exists) — for positioning Pricing: If available Competitor landing analysis (optional, if MCP/WebSearch available): Search for top 3 competitor landing pages Note: headline patterns, CTA language, social proof types Identify positioning gaps Forced reasoning — conversion strategy: Before generating, write out: Primary conversion: What's the ONE action? (sign up / download / buy) Objections: Top 3 reasons someone wouldn't convert Trust signals: What overcomes each objection? Above the fold: Problem + Solution + CTA — nothing else Generate landing content: 6a. Hero Section Headline: Problem-focused, benefit-driven (8-12 words) Subheadline: How the product solves it (15-25 words) CTA button: Action verb + outcome ("Start Free Trial", "Download Now") Visual: Describe what image/screenshot/demo should be shown 6b. A/B Headline Variants (5 options) Generate 5 distinct headline approaches: Pain-focused: "Tired of {problem}?" Benefit-focused: "{Outcome} without {hassle}" Curiosity: "The {adjective} way to {action}" Social proof: "Join {N}+ {users} who {outcome}" Direct: "{Product}: {one-line value prop}" 6c. Features Section (3-4 features) For each feature: Icon suggestion (emoji or icon name) Feature title (3-5 words) Feature description (1-2 sentences) Benefit framing (what user gains, not what product does) 6d. Social Proof Section Placeholder for testimonials (template with name, role, quote) Metrics placeholders ("X+ users", "Y% faster", "Z countries") Trust badges placeholder (App Store rating, awards, press) 6e. CTA Section Repeat headline (or variation) CTA button (same as hero) Risk reducer ("Free forever" / "No credit card" / "Cancel anytime") 6f. SEO Meta Tags <title>{title — 50-60 chars}</title> <meta name="description" content="{description — 150-160 chars}"> <meta property="og:title" content="{og title}"> <meta property="og:description" content="{og description}"> <meta property="og:image" content="{suggest image dimensions 1200x630}"> <meta property="og:type" content="website"> Write output: If astro-static detected: scaffold page at src/pages/index.astro or new route. Otherwise: write to docs/landing-content.md: # Landing Page Content: {Project Name} **Generated:** {YYYY-MM-DD} **Primary CTA:** {action} **Target ICP:** {persona} ## Hero **Headline:** {headline} **Subheadline:** {subheadline} **CTA:** {button text} **Visual:** {description} ## A/B Headlines 1. {variant 1} 2. {variant 2} 3. {variant 3} 4. {variant 4} 5. {variant 5} ## Features {features with icons and descriptions} ## Social Proof {templates and placeholders} ## Final CTA {closing section} ## SEO Meta Tags {html meta tags} --- *Generated by /landing-gen. Fill in social proof, add visuals, then publish.* Output summary — headline, CTA, and suggested next steps.
Headline: Problem-focused, benefit-driven (8-12 words) Subheadline: How the product solves it (15-25 words) CTA button: Action verb + outcome ("Start Free Trial", "Download Now") Visual: Describe what image/screenshot/demo should be shown
Generate 5 distinct headline approaches: Pain-focused: "Tired of {problem}?" Benefit-focused: "{Outcome} without {hassle}" Curiosity: "The {adjective} way to {action}" Social proof: "Join {N}+ {users} who {outcome}" Direct: "{Product}: {one-line value prop}"
For each feature: Icon suggestion (emoji or icon name) Feature title (3-5 words) Feature description (1-2 sentences) Benefit framing (what user gains, not what product does)
Placeholder for testimonials (template with name, role, quote) Metrics placeholders ("X+ users", "Y% faster", "Z countries") Trust badges placeholder (App Store rating, awards, press)
Repeat headline (or variation) CTA button (same as hero) Risk reducer ("Free forever" / "No credit card" / "Cancel anytime")
<title>{title — 50-60 chars}</title> <meta name="description" content="{description — 150-160 chars}"> <meta property="og:title" content="{og title}"> <meta property="og:description" content="{og description}"> <meta property="og:image" content="{suggest image dimensions 1200x630}"> <meta property="og:type" content="website">
Headline should be testable — run A/B with 2-3 variants "Above the fold" = hero only — don't overload Social proof is placeholder — fill with real data as it comes For fake-door tests: hero + CTA + email capture is enough (2-hour launch) Works with /seo-audit — generate content, then audit the deployed page
Cause: Project lacks docs/prd.md or README with product description. Fix: Run /validate to generate PRD first, or provide a README with problem/solution/features.
Cause: Weak problem statement or missing competitor differentiation. Fix: Add research.md with competitive analysis. Specific pain points produce specific headlines.
Cause: No astro.config.* or next.config.* found. Fix: Skill outputs content-only markdown by default. To get actual page files, ensure the project uses astro-static or nextjs-supabase stack.
Writing, remixing, publishing, visual generation, and marketing content production.
Largest current source with strong distribution and engagement signals.