landing-page_skill

Overview

This skill helps non-technical founders create high-converting landing pages for SaaS products. It focuses on a single-page sales conversation: headline-first messaging, above-the-fold optimization, and a clear section sequence that guides buyer intent. Use it to write copy, structure pages, and produce implementable HTML/React + Tailwind outlines with performance guidance.

How this skill works

I inspect your product outcome, target buyer, and primary objection to craft a single-goal landing page. The skill outputs a full section-by-section content outline, ready-to-use copy for each block, and implementation notes (HTML/React + Tailwind placeholders and performance tips). It prioritizes above-the-fold clarity, three-step solution framing, testimonial placement, and technical requirements for fast load and low layout shift.

When to use it

• You need a new landing page that drives free trials or signups.
• You want to rewrite above-the-fold copy to increase conversions.
• You need a page structure for a SaaS feature launch or pricing change.
• You want conversion-focused headlines, CTAs, and social proof placement.
• You need a developer-ready outline (HTML/React + Tailwind) with performance rules.

Best practices

• Design for one clear goal: every element must earn its place or be removed.
• Lead with a specific, outcome-focused headline: outcome + audience + removed pain.
• Use a single primary CTA above the fold with an anxiety reducer (e.g., "No credit card required").
• Keep the how-it-works to exactly three steps for cognitive simplicity.
• Lazy-load everything below the fold, optimize hero media aggressively, and target LCP <2.5s.

Example use cases

• Create a hero section that communicates value in 5 seconds with a data-backed headline.
• Structure a long-form sales page that converts by earning every section.
• Write testimonial and case-study copy that highlights specific before/after metrics.
• Produce an implementable React + Tailwind scaffold with placeholder screenshots and logos.
• Audit an existing landing page and rewrite copy to follow the buyer's internal monologue.