# Landing Page Design

> Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

Source: https://skillsagentes.com/skills/skills-101/superpowers/landing-page-design
Repository: https://github.com/skills-101/superpowers
Author: skills-101
License: not specified
Updated: hace 11 días
Context cost: 127 tok installed, 2.5k tok once triggered, 2.5k tok with every bundled file
Bundle: 1 file, 10 KB
Permissions requested: bash(belt *)

## Install

```bash
npx -y skills add skills-101/superpowers --skill landing-page-design --agent claude-code
```

## What it does

- Aplica reglas de diseño para landing pages: fórmula above-the-fold, jerarquía de titulares, imágenes hero, botones CTA y orden de secciones
- Genera imágenes hero y de OG mediante belt app run con modelos como falai/flux-dev-lora
- Da pautas de diseño de formularios, optimización móvil y velocidad de página
- Investiga páginas de la competencia y estadísticas de conversión con belt app run tavily/search-assistant o exa/answer

## Use it when

- Diseñar landing pages de startups, productos SaaS o páginas de producto
- Optimizar la tasa de conversión de una página existente
- Crear la sección hero, CTA o imagen OG de una landing page

## What triggers it

- "Ayúdame a diseñar la landing page de mi SaaS"
- "Genera una imagen hero para mi página de producto"
- "Revisa mi CTA y dime cómo mejorarlo"
- "Crea una imagen OG para compartir mi landing page"

## Before you install

- Requiere instalar el CLI belt (inference.sh) con `npx skills add belt-sh/cli` y hacer `belt login`.
- Needs on PATH: npx

## Files

- SKILL.md — 10 KB

## SKILL.md

Not reproduced here. Read it at https://github.com/skills-101/superpowers/blob/main/guides/design/landing-page-design/SKILL.md

---

Skills Agentes — https://skillsagentes.com/skills/skills-101/superpowers/landing-page-design