# Design Higher-Converting Landing Pages

Landing pages often fail because message, proof, and CTA placement are unclear. This skill gives Claude, Codex, and Claude Code practical rules for hero sections, social proof, forms, mobile layout, and AI-generated visuals.

## Install

```bash
npx skillstore add halt-catch-fire/landing-page-design
```

## Metadata

- Status: approved
- Slug: halt-catch-fire-landing-page-design
- Skillstore revision: r1
- Version status: missing
- Tree hash: b6cab91d72de51c577e06140bdec43b2d46c78e0931192037e3f1fe185126d20
- Author: halt-catch-fire
- GitHub username: halt-catch-fire
- License: MIT
- Repository: https://github.com/halt-catch-fire/skills/tree/main/guides/design/landing-page-design/
- Ref: 30c73eac2afe762f6aa9c4553158769369d47351
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 50
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/halt-catch-fire-landing-page-design
- Manifest: https://skillstore.pages.dev/api/skills/halt-catch-fire-landing-page-design/manifest

## Capabilities

- Defines an above-the-fold formula with headline, subheadline, hero image, CTA, and social proof elements.
- Provides headline and CTA rules with examples of strong and weak conversion copy.
- Recommends a complete landing page section order from hero to final CTA.
- Guides outcome-focused hero image prompts for external AI image generation tools.
- Covers social proof, form design, mobile optimization, OG images, and page speed targets.

## Use Cases

- Plan a Startup Launch Page: Create a clear first-page structure with an outcome headline, primary CTA, proof section, and signup form guidance.
- Improve SaaS Conversion Copy: Review hero messaging, CTA text, social proof placement, and pricing flow for a product marketing page.
- Guide Visual Direction: Translate product outcomes into hero image concepts, OG image prompts, and mobile-first layout requirements.

## Prompt Templates

### Plan a First Landing Page

```
Use the landing-page-design skill to outline a landing page for [product]. Include headline, subheadline, primary CTA, social proof, and section order.
```

### Improve Hero and CTA

```
Review this hero section for conversion clarity: [paste copy]. Suggest a stronger headline, subheadline, CTA text, and proof placement.
```

### Design for Mobile Conversion

```
Use the skill to adapt this landing page for mobile users: [describe page]. Prioritize CTA access, form length, typography, and image behavior.
```

### Audit a Competitive Funnel

```
Compare my landing page goals with three competitor examples. Identify message gaps, proof gaps, risky claims, and A/B test ideas.
```

## Limitations

- Image generation and research examples depend on the external belt CLI and third-party services.
- The skill does not build, host, or deploy a complete landing page by itself.
- Conversion advice is general and should be validated with analytics or A/B testing.
- Competitive research and market claims require current verification before publication.

## Best Practices

- Start with one clear user outcome before choosing layout, copy, or visuals.
- Place the primary CTA and strongest proof where users can see them without scrolling.
- Validate claims, social proof, and conversion recommendations with current evidence.

## Anti Patterns

- Using a vague headline that describes the company instead of the customer outcome.
- Adding multiple competing CTAs before the visitor understands the offer.
- Using decorative hero images that do not explain the product result.

## Security Audit

- Audited at: 2026-07-05T14:44:22.827\+00:00
- Summary: The skill is a landing page design guide, but it tells agents to run belt and npx commands. Those commands invoke external services or install related skills, which creates medium external command risk. Most other static backtick findings are Markdown formatting false positives, and no prompt injection text was found.

## Stats

- Views: 0
- Downloads: 7
- Favorites: 0
- Popularity score: 0