landing-pages
CommunityMaximize conversions with focused, testable landing pages
System Documentation
What problem does it solve?
Landing pages often fail to convert because they try to serve multiple goals, include distracting navigation, use unclear CTAs, or ignore mobile users; this Skill fixes those issues by prescribing a single-goal, trust-first structure and measurable testing practices.
Core Features & Use Cases
- Single-Goal Architecture: Define exactly one conversion objective per page to avoid competing CTAs.
- Above-the-Fold Optimization: Prescribe headline, subheadline, hero visual, CTA, and trust element placement to communicate value immediately.
- CTA & Form Guidelines: Action-oriented CTA copy, high-contrast design, and minimal form fields to reduce friction.
- Testing & Measurement: A/B test planning with hypotheses, repeat CTAs, tracking configuration, and load-time constraints.
- Use Case: Build an opt-in page for a webinar that prioritizes registration, showcases speaker credibility, uses a single email field, and runs headline and CTA text A/B tests.
Quick Start
Create a landing page that targets one conversion goal, includes headline, subheadline, hero visual, a prominent action-oriented CTA, social proof above the fold, minimal form fields, and an A/B test hypothesis for the headline.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: landing-pages Download link: https://github.com/flitzrrr/frontend-design-skills/archive/main.zip#landing-pages Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.