landing-page-design

Designs conversion-optimized landing pages with layout rules, CTA guidance, and AI-generated hero images.

Updated Jul 28, 2026
One-click install
npx skills add https://github.com/Aadi-110i/PEP-PROJECT --skill landing-page-design-aadi-110i
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: landing-page-design
Source: https://github.com/Aadi-110i/PEP-PROJECT/tree/main/skills/landing-page-design
Command: npx skills add https://github.com/Aadi-110i/PEP-PROJECT --skill landing-page-design-aadi-110i

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Landing pages often fail to convert because of weak headlines, unclear CTAs, poor above-the-fold structure, and missing social proof. This Skill provides concrete layout formulas, copywriting rules, and image generation commands to build pages that communicate value within five seconds. ## Core Features & Use Cases - Above-the-Fold Formula: Defines the five required elements (headline, subheadline, hero image, CTA, social proof) with word counts and placement rules. - Conversion Copywriting Rules: Provides headline formulas, CTA text patterns, form design guidelines, and section ordering for SaaS and product pages. - AI Visual Generation: Uses the inference.sh belt CLI to generate hero images, OG images, and lifestyle marketing photography via falai/flux-dev-lora and bytedance/seedream models. - Use Case: A startup founder launching a SaaS product uses this Skill to structure the hero section, write an outcome-focused headline, generate a hero image, and order page sections from social proof through final CTA. ## Quick Start Ask the AI to design a landing page for your product, including a headline, hero image generated with the belt CLI, and a conversion-optimized section layout.

Frequently Asked Questions about landing-page-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a landing page that converts?

Follow the above-the-fold formula: a 6-12 word outcome-focused headline, a 15-25 word subheadline, a hero image showing the outcome, one primary CTA with an action verb, and social proof such as logos or user counts. Then order sections from social proof through problem, features, testimonials, pricing, and final CTA.

How to generate a hero image for a landing page with AI?

Use the inference.sh belt CLI with falai/flux-dev-lora, passing a prompt describing the outcome rather than the product, such as a satisfied person viewing results. Set width to 1248 and height to 832 for standard hero dimensions.

What makes a good CTA button on a landing page?

A good CTA combines an action verb with specific value, like "Start Free Trial" instead of "Submit" or "Learn More". It needs high color contrast, minimum 44px height, generous whitespace, and placement above the fold with repetition after major sections.

Does this Skill require the inference.sh CLI?

Yes, image generation and competitor research commands require the belt CLI from inference.sh, installed via the official install instructions and authenticated with belt login. The layout and copywriting rules work without it.

Why do landing page forms reduce conversion rates?

Each additional form field reduces conversion by roughly 11 percent. Limit signup forms to name and email, use single-column layouts, provide inline validation, and label the submit button with the action, such as "Create Account".