Pages: Homepage

Guides homepage content, structure, and conversion optimization.

When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Initial Assessment

Check for product marketing context first: If .claude/product-marketing-context.md or .cursor/product-marketing-context.md exists, read it for product, audience, and value proposition.

Identify:

1. Primary goal: Sign up, demo, purchase, learn more
2. Audience: Cold visitors, returning, specific segment
3. Traffic source: Organic, paid, referral

Homepage Structure

Best Practices

Value Proposition

• Clarity: Visitor understands in 5 seconds
• Specificity: Concrete benefit, not vague
• Differentiation: Why you, not alternatives
• Customer language: Their words, not jargon

CTA

• One clear primary action
• Button copy: value-focused (“Start Free Trial”) not generic (“Submit”)
• Visible without scrolling
• Repeated at logical points

SEO

• Unique title (50-60 chars) with primary keyword
• Meta description (150-160 chars) with CTA
• H1 = value proposition or primary headline
• Logical H2-H6 structure

Output Format

• Structure outline (sections)
• Hero copy options (headline, subheadline, CTA)
• Key sections content suggestions
• SEO metadata (title, description, H1)
• Conversion checklist

Related Skills

• pages-pricing: Homepage often links to pricing
• pages-features: Features section or link to features page
• seo-on-page-title, seo-on-page-description, seo-on-page-metadata, seo-on-page-open-graph, seo-on-page-twitter-cards: Homepage metadata and social previews
• seo-on-page-heading: Homepage heading structure