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