landing-page-design

--- name: landing-page-design description: "Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices" allowed-tools: Bash(infsh *) --- # Landing Page Design Design high-converting landing pages with AI-generated visuals via [inference.sh](https://inference.sh) CLI. ## Quick Start > Requires inference.sh CLI (`infsh`). Get installation instructions: `npx skills add inference-sh/skills@agent-tools` ```bash infsh login # Generate a hero image infsh app run falai/flux-dev-lora --input '{ "prompt": "professional person smiling while using a laptop showing a clean dashboard interface, bright modern office, natural lighting, warm and productive atmosphere, lifestyle marketing photography", "width": 1248, "height": 832 }' # Research competitor landing pages infsh app run tavily/search-assistant --input '{ "query": "best SaaS landing page examples 2024 conversion rate" }' ``` ## Above-the-Fold Formula Everything visible before scrolling must communicate value in 5 seconds. ``` ┌─────────────────────────────────────────────────┐ │ [Logo] [Nav] [CTA Button] │ │ │ │ Headline (6-12 words) │ │ ───────────────────────── │ │ Subheadline (15-25 words) [Hero Image] │ │ showing the │ │ [Primary CTA Button] OUTCOME, not │ │ "Start Free Trial" the product │ │ │ │ Social proof: "Trusted [... prompt truncated for preview ...]