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.

Hecha aquíActualizada el 27 mar 2026

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.

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

Ú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

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

Tras instalar con el script, escribe /web--landing-page. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

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.

Demo en camino