Landing Pages Agent Skill
High-converting landing page patterns — hero sections, CTAs, social proof.
The Skill
Full content, every format. Copy it, download it, or install with one command.
---
description: High-converting landing page patterns — hero sections, CTAs, social proof.
homepage: https://yepapi.com/skills/landing-pages
metadata:
tags: [landing-page, design, conversion, ux]
---
# Landing Pages
## Rules
- Hero section above the fold: headline (benefit-driven), subheadline, primary CTA, hero image/illustration
- Single primary CTA per section — don't split attention with multiple competing actions
- Social proof near CTAs: testimonials, logos, user counts, ratings
- Section rhythm: hero → problem → solution → features → social proof → pricing → final CTA
- Mobile-first layout — hero text before image, stacked sections, thumb-friendly CTAs
- Performance: optimize hero image (WebP, proper sizing), lazy-load below-fold content
- SEO: `generateMetadata()` with target keyword in title, description, and H1
- Minimal navigation — reduce exit points, sticky CTA on scroll
## Avoid
- Hero carousels/sliders — they hurt conversion and performance
- Multiple CTAs with equal visual weight — one primary, rest secondary
- Stock photos that don't match the product — use screenshots or custom illustrations
- Walls of text — use bullet points, icons, and whitespaceInstall
Why Use the Landing Pages Skill?
Without this skill, your AI guesses at landing pages patterns. It might hallucinate deprecated APIs, use outdated conventions, or miss best practices entirely. With it, your AI follows a proven ruleset — every suggestion aligns with current standards.
Drop this skill into your project and your AI instantly knows the rules. Better code suggestions, fewer errors, faster shipping.
Try These Prompts
These prompts work better with the Landing Pages skill installed. Your AI knows the context and writes code that fits.
"Build a high-converting landing page with hero section, social proof, and CTA optimization"
"Create a landing page template with A/B testable sections and conversion tracking"
"Design a product launch page with feature grid, pricing, testimonials, and FAQ"
Works Great With
Landing Pages skill — FAQ
It covers high-converting layout patterns with hero sections, social proof, and CTA placement. Your AI designs landing pages that follow proven conversion optimization principles.
Run `npx skills add YepAPI/skills --skill landing-pages` in your project root. This copies the skill file into your repo where your AI coding tool can read it automatically.
The skill covers hero with value proposition, social proof (logos, testimonials), feature grid, pricing, FAQ, and a final CTA. Each section has proven layout patterns that drive conversions.