# High-end landing page (/web--landing-page)

/web--landing-page is a Claude Code skill in the Web & Design section. Generates a unique, conversion-focused landing page, writing the copy first and delivering a full Next.js project; it bans the usual AI-page patterns.

- Web version: https://skills.sgomez.dev/en/s/web--landing-page
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: Santiago Gómez de la Torre
- License: MIT
- Source: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/landing-page.md
- Updated 27 Mar 2026

## Use it when

- You are launching a product or service and need a landing page from scratch
- You want a page with personality, not the typical generic AI site
- You want copy and conversion thinking done before the design

## Not for

- Dashboards or full applications, which the SPA scaffold skill covers
- Guaranteeing a specific conversion rate

## What you get

A full Next.js project with its components, a short explanation of the design decisions and suggested improvements for a v2.

## How to ask for it

- `/web--landing-page create a landing page for my SaaS product`
- `/web--landing-page design a landing page for my app launch`
- `/web--landing-page generate a landing page that doesn't look AI-made`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```

Claude Code plugin:

```
/plugin marketplace add sgomez-dev/claude-skills
/plugin install web-skills@claude-skills-collection
```

## Permissions

- Reads: `**/*`
- Writes: `**/*`
- Runs: `npm install`, `npx`, `pnpm add`, `yarn add`
- Network: Yes
- Destructive: No

## Author's description

Generate a world-class landing page — unique, crafted, high-converting, never AI-looking

## Questions about this skill

### Which stack does it use?

It sets up a Next.js project with TypeScript, Tailwind and Framer Motion, plus a few utilities such as Radix Slot and lucide-react. That is the base the skill proposes.

### Does it use filler text or stock photos?

No. It bans lorem ipsum and stock or placeholder hero images, and asks you to write the headline, subheadline, value props and call to action first.

### Does it guarantee higher conversions?

No. It follows conversion principles and a final checklist with targets such as Lighthouse scores above 90, but it does not promise specific results.


- [How we review this](https://skills.sgomez.dev/en/methodology.md)