What problem does it solve? Building a landing page from scratch involves dozens of decisions about page structure, copy, typography, spacing, and motion, and ad hoc choices produce generic, low-converting pages. This Skill provides a complete decision framework covering both conversion strategy and a strict visual system so every page follows consistent, deliberate rules. ## Core Features & Use Cases - Strategy and structure: Intake questions, above-the-fold requirements, four layout archetypes (classic hero, long form, minimal conversion, comparison), conversion copywriting formulas, SEO/AEO guidance, and a section-by-section build order. - Visual system: Enforced rules for fonts (Geist, Manrope, Poppins), Tailwind type scale snapping, a fixed spacing token table, nested corner radius formula, flat backgrounds, hero heading gradients, approved icon sets, and spring-physics motion via custom cubic beziers and IntersectionObserver reveals. - Content realism and ship readiness: Bans Lorem Ipsum, placeholder brands, AI cliches, and round fake numbers; requires full interaction states, 404 pages, legal links, meta tags, and a mandatory scroll-activated tagline reveal section. - Use Case: Ask your AI coding tool to build a SaaS landing page; it returns a page outline, hero copy, benefits, FAQ, SEO recommendation, and layout choice, then builds each section following the visual rules. ## Quick Start Ask your AI assistant to build a landing page for your product using this skill, starting with the intake questions and page outline.
