Skip to content
Built here

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.

Author's description

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

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

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

After installing with the script, type /web--landing-page. Using Cursor, Windsurf or Codex? Platform guides

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.

Demo coming soon

↑↓ move · Enter open · Esc close