ecom-landing-pages

Solid

Use when someone wants landing page ideas, concepts, or angles for a store: "give me landing page concepts", "LP ideas", "landing page angles", a campaign or ad landing page, pages for a new audience/segment, a seasonal/event/promo page, or a geo/local page. Also use when a chosen concept gets picked and needs building out into an actual page (section-by-section blueprint), or when auditing an existing landing page against best practice. The core insight: one product becomes dozens of pages by varying the ANGLE, not the product. Not for full-site information architecture, product detail pages, collection pages, or blog/SEO content (a landing page has ONE goal, no site chrome). Use an SEO/content skill. Not for the ad or email creative itself, though message match with the page matters.

Web & Frontend 46 stars 2 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 84/100

Stars 20%
56
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Ecom Landing Pages Turn a store brief into two deliverables: a ranked list of landing-page concepts, and a build blueprint for the ones worth shipping. The method was reverse-engineered from Mill.com, a DTC brand running ~40 production `/lp/` pages off a single product. That spread is the whole idea in one sentence: **one product becomes many landing pages by varying the angle, not the product.** A person who clicks a "feed your chickens" ad and a person searching "nyc curbside compost" want the same device but need different first sentences. This is the one platform-neutral skill in the collection: landing-page thinking is the same on any CMS, so the `ecom-` prefix, not `shopify-`. Execution notes that differ by platform are called out where they matter. ## When this fires - A store needs landing-page concepts for paid traffic, a campaign, a new segment, a season, or an event. - A concept got chosen and needs building into a real page. - An existing landing page needs an audit against best practice. Not for full-site IA, PDPs, collection pages, or blog/SEO articles: those live inside the browse flow and compete for attention. A landing page has one goal and strips the chrome. Different rules. ## The loop ### 1. Intake from the live storefront Read the store's real site: homepage, key product pages, collections, the sitemap if it helps. Never invent products, audiences, or offers: an empty intake field is a signal, not a license to make something up. Pull: - **Pr...

Details

Author
kgelster
Repository
kgelster/awesome-ecom-skills
Created
2 months ago
Last Updated
2 weeks ago
Language
Shell
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

landing-page

Designs a conversion-focused landing page: the copy framework matched to traffic source and awareness stage, section order, form length, proof placement, and prototype-ready HTML with Tailwind. Use for a lead capture page, a signup page or a launch page that does not exist yet. Boundary: builds a new page from scratch. `product-page-optimization` reviews an existing product detail page, and `checkout-optimization` reviews cart and checkout.

1 Updated today
sidchaudhary
Web & Frontend Listed

landing-page-design

Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or writing copy for ANY landing page, marketing site, web UI, page section, component, or prototype, even when the user does not mention design, conversion, tokens, or a design system. Always consult it before choosing page sections, headlines, CTAs, fonts, font sizes, spacing values, border radii, background colors, icons, or transitions.

0 Updated yesterday
tilliesubsidized136
Web & Frontend Listed

landing-page-craft

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.

2 Updated 2 weeks ago
divyanshu-iitian