write-landing

Generate conversion-focused landing page copy with wireframe structure and Tailwind CSS components.

26|3|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/robertbstillwell/marketing-skills --skill write-landing-robertbstillwell
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: write-landing
Source: https://github.com/robertbstillwell/marketing-skills/tree/main/write-landing
Command: npx skills add https://github.com/robertbstillwell/marketing-skills --skill write-landing-robertbstillwell

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Writing landing page copy that converts visitors into customers requires expertise in copywriting frameworks, page structure, and conversion psychology that most teams lack in-house. ## Core Features & Use Cases - Framework-Based Structure: Selects the right page framework (PAS, AIDA, Before-After-Bridge, or Feature-Benefit Grid) based on product type and traffic temperature. - Complete Section Copy: Produces headlines, subheadlines, CTAs, pain points, social proof, FAQ, pricing, and final CTA sections with proven copywriting formulas. - Implementation-Ready Output: Delivers Next.js/React wireframe code with Tailwind CSS classes, SEO metadata, and A/B test suggestions. - Use Case: A SaaS founder launching a new product asks for a landing page; the Skill gathers the brief, picks the Before-After-Bridge framework, and outputs full copy plus component code ready to deploy. ## Quick Start Write a landing page for my SaaS product that helps teams automate deployment, targeting startup developers, with a free trial signup as the primary goal.

Frequently Asked Questions about write-landing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write a high-converting landing page?▼

Start by gathering a brief covering product, audience, goal, and traffic source, then choose a framework like PAS or AIDA based on traffic temperature. Write each section using proven formulas: benefit-first headlines under 10 words, first-person CTA buttons, and layered social proof.

What landing page framework should I use for cold traffic?▼

Use the PAS (Problem-Agitation-Solution) framework for cold traffic and awareness-stage visitors. It opens with the problem, agitates the consequences of inaction, then presents your product as the solution before showing proof and the CTA.

Can I use the landing page output directly in Next.js?▼

Yes, the output includes React component code with Tailwind CSS classes for every section including hero, features, testimonials, pricing, and FAQ. You can copy the wireframe structure into a Next.js project and replace placeholder variables with your copy.

Should landing pages include pricing sections?▼

Include pricing only when the product has clear fixed pricing and traffic is warm or hot. For cold traffic or complex enterprise pricing, omit the pricing section and focus the page on a single conversion action like a demo request or trial signup.

What makes a landing page headline effective?▼

Effective headlines are 6-10 words, state a specific benefit rather than a feature, and often follow formulas like end result without pain point. Specific numbers outperform vague claims, so use measurable outcomes whenever proof exists.