product-landinglisted

Full cycle of a product landing page, from a blank slate to a live site. Gathers facts about the product (from memory, docs and code, and asks questions about whatever is missing), writes a brief, and derives the section structure, signature moment and visual language from this specific product (no templates, no AI slop). Iterates in versions with feedback, adapts for mobile, deploys to Vercel and, when needed, connects a waitlist in Supabase. ALWAYS use it when someone needs a site, a landing page, a promo page, a product page, "a page for my product or app", a showcase page, an early-access or waitlist page, a landing redesign, or repackaging a product's positioning for a site, even if the user just says "make a landing", "a page for my app", "throw together a landing", "a site for my product" or "package the product into a page".
LevKorm/product-landing-skill · ★ 0 · Web & Frontend · score 70

Install: claude install-skill LevKorm/product-landing-skill

# Product landing: from facts to a live site The skill gives a **method**, not a page template. The structure, number of sections, signature moment, composition, palette and animations are derived from the specific product. Two landing pages made with this skill for different products should not look alike. If they do, the method failed. Core idea: **the shape of the page follows the shape of the product.** - Visitor questions decide which sections are needed. - The product's core mechanic becomes the page's signature moment. - The product's objects, units and states supply the visual devices. Example: a window manager where everything comes down to one key got a short landing page with five sections and a wall of monitors in the first screen. An AI agent canvas got a long story with a process diagram. Both decisions are right, because each grew out of its own product. ## What the skill does not give There is also no ready-made section map and no mandatory blocks. A comparison table, a process panorama, a bento, a feature wall, a vibe scene or a founder quote appear only when a fact about this product calls for them. In the same way, there is no fixed grid, palette or animation set. Real case studies are in `references/case-studies.md`. They show the reasoning from facts to form. The forms themselves do not carry over. ## Phases Go in order. Each phase leaves an artifact, so the next chat, or you a week later, does not start from zero. ### 0. Triage (5 minutes) Find