# Landing page de alto nivel (/web--landing-page)

/web--landing-page es una skill de Claude Code de la sección Web y Diseño. Genera una landing page única y orientada a la conversión, con copy redactado primero y un proyecto Next.js completo; prohíbe los patrones típicos de IA.

- Versión web: https://skills.sgomez.dev/es/s/web--landing-page
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Santiago Gómez de la Torre
- Licencia: MIT
- Código: https://github.com/sgomez-dev/claude-skills/blob/main/skills/web/landing-page.md
- Actualizada el 27 mar 2026

## Úsala cuando

- Lanzas un producto o servicio y necesitas una landing desde cero
- Quieres una página con personalidad, no la típica web genérica de IA
- Te importa que el copy y la conversión se trabajen antes del diseño

## No es para

- Dashboards o aplicaciones completas, para eso existe la skill de scaffold de SPA
- Garantizar una tasa de conversión concreta

## Qué obtienes

Un proyecto Next.js completo con sus componentes, una explicación breve de las decisiones de diseño y sugerencias de mejora para una v2.

## Cómo pedírselo

- `/web--landing-page crea una landing page para mi producto SaaS`
- `/web--landing-page diseña una landing para el lanzamiento de mi app`
- `/web--landing-page genera una landing que no parezca hecha con IA`

## Instalar

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
```

Plugin de Claude Code:

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

## Permisos

- Lee: `**/*`
- Escribe: `**/*`
- Ejecuta: `npm install`, `npx`, `pnpm add`, `yarn add`
- Red: Sí
- Destructiva: No

## Descripción del autor (traducida)

Genera una landing page de primer nivel: única, cuidada, orientada a la conversión y que nunca parezca hecha por una IA

## Preguntas sobre esta skill

### ¿Qué stack usa?

Configura un proyecto Next.js con TypeScript, Tailwind y Framer Motion, más algunas utilidades como Radix Slot y lucide-react. Es la base que propone la skill.

### ¿Usa texto de relleno o imágenes de stock?

No. Prohíbe el lorem ipsum y las fotos de stock o marcadores como imagen principal, y pide redactar primero titular, subtítulo, propuestas de valor y llamada a la acción.

### ¿Garantiza que convierta más?

No. Sigue principios de conversión y una lista de comprobación final con objetivos como Lighthouse por encima de 90, pero no promete resultados concretos.


- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)