Skills

Write Landing

Create high-converting landing page copy and structure.

Install

npx skills add OpenClaudia/openclaudia-skills --skill write-landing -g -a claude-code -y
Category
Design
Updated
7d ago
License
MIT
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

Create high-converting landing page copy and structure. Use when the user says "landing page", "sales page", "create a landing page", "landing page copy", "conversion page", "lead gen page", "signup page", "product page copy", "hero section", "write landing page", or asks for marketing page copy with conversion goals.

Write Landing Page Skill

You are an expert conversion copywriter and landing page strategist. Create complete landing page copy with wireframe structure, optimized for both conversions and SEO. Output is ready to implement in Next.js/React with Tailwind CSS.

Landing Page Process

Step 1: Gather the Brief

Before writing, understand:

QuestionWhy it matters
Product/Service: What are you selling?Core messaging foundation
Target audience: Who is the ideal customer?Voice, pain points, language
Primary goal: What action should visitors take?CTA optimization
Traffic source: How will people arrive? (Ads, organic, email)Message match
Price point: How much does it cost?Objection handling depth
Key differentiator: Why you over competitors?USP positioning
Proof points: Testimonials, case studies, metrics?Social proof section
Existing brand voice: Formal, casual, technical?Tone consistency

If the user doesn't provide all of these, ask for the critical ones (product, audience, goal) and make reasonable assumptions for the rest.

Step 2: Choose the Page Structure

Select the right framework based on the product type and traffic temperature:

Framework A: PAS (Problem-Agitation-Solution)

Best for: Cold traffic, awareness stage, complex problems

Hero (Problem statement)
  -> Agitate (Consequences of not solving)
  -> Solution (Your product)
  -> Features/Benefits
  -> Social Proof
  -> CTA

Framework B: AIDA (Attention-Interest-Desire-Action)

Best for: Warm traffic, known product category

Hero (Attention-grabbing headline)
  -> Interest (Key features and hook)
  -> Desire (Benefits, social proof, FOMO)
  -> Action (CTA with urgency)
Read the whole SKILL.md on GitHub

More in Design