← ClaudeAtlas

landing-page-designerlisted

Builds high-converting single-page landing pages for digital products, services, local businesses, lead magnets, and offer pages. Outputs production-ready HTML/CSS/JS using a proven anatomy (hero, social proof, how-it-works, features, benefits, reviews, FAQ, repeated CTA). Use this skill when the user asks for a landing page, sales page, offer page, product page, opt-in page, or "one-pager" - not for full multi-page websites.
rdoser13/free-claude-skills · ★ 0 · Web & Frontend · score 73
Install: claude install-skill rdoser13/free-claude-skills
# Landing Page Designer This skill builds conversion-focused single-page landing pages. One offer. One audience. One primary CTA repeated throughout the page. The goal is not a "website" - it's a page that turns a visitor into a buyer, lead, or booked call. If the user wants a multi-page site, use the Web Designer skill instead. ## Inputs to Gather Before writing code, collect (ask only what's missing - infer the rest): 1. **Offer** - What is being sold or given away? Price, format, delivery. 2. **Audience** - Who is this for in one sentence? What pain are they in right now? 3. **Primary CTA** - The single action the page must drive (Buy, Book a Call, Get Quote, Download, Call Now, Subscribe). 4. **CTA destination** - Stripe checkout URL, Calendly link, phone number (`tel:`), form, etc. 5. **Proof** - Real reviews, testimonials, star ratings, client logos, screenshots, case study numbers. Use only what's real. 6. **Brand** - Colors, fonts, logo, voice. If none provided, pick a bold direction and commit. 7. **Visual proof asset** - Screenshot, product mockup, terminal mockup, before/after photo, hero image of the team/work. If the user has no proof yet, do not invent testimonials, star ratings, review counts, or client names. Leave the section out or use a single honest line of positioning instead. ## The Proven Landing Page Anatomy Use this section order as the default. Remove sections rather than add new ones. Most high-converting landing pages have 6-9 sections. 1.