landing-craft

Build conversion-optimized landing pages using CRO frameworks and A/B testing plans.

110|14|Updated May 12, 2026
One-click install
npx skills add https://github.com/EliasOulkadi/shokunin --skill landing-craft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: landing-craft
Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/landing-craft
Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill landing-craft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Creates conversion-optimized landing pages that increase signup/lead performance by applying CRO frameworks, persuasive structure, and performance-aware implementation.

Core Features & Use Cases

  • CRO framework-driven structure: Uses the LIFT Model to evaluate and improve Value Proposition, Relevance, Clarity, Distraction, Anxiety, and Urgency.
  • Conversion-ready section architecture: Produces a full landing-page flow (Hero → Social proof → PAS Problem → Solutions/Features → Testimonials → Pricing → FAQ → Final CTA).
  • Experimentation guidance: Defines an A/B testing plan with prioritization and significance targets to iterate on the highest-ROI elements.
  • Core Web Vitals and mobile-first implementation rules: Enforces practical performance targets (LCP/INP/CLS) and responsive constraints (touch targets, viewport behavior, layout collapsing).
  • Real-world use cases: Landing pages for lead generation, sales pages, pricing pages, and signup pages; also supports conversion-rate improvement audits.

Quick Start

Use the landing-craft skill to generate a complete CRO landing-page plan and write the above-the-fold hero copy, section order, and A/B test hypothesis for improving conversions.

Frequently Asked Questions about landing-craft

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

FAQPage Schema
How do I structure a landing page for higher conversion rates?

To increase landing page conversion rates, apply a conversion-first section flow: Hero, Social proof, PAS Problem, Solutions, Testimonials, Pricing, FAQ, and Final CTA. This structure minimizes anxiety and distraction while progressively building value proposition clarity.

What is the LIFT Model in conversion rate optimization?

The LIFT Model is a CRO framework used to evaluate and improve landing page performance by analyzing Value Proposition, Relevance, Clarity, Distraction, Anxiety, and Urgency. It guides structural and messaging adjustments to maximize lead generation and signup conversions.

How do I write above-the-fold hero copy that converts?

Write above-the-fold hero copy that converts by enforcing audience-appropriate messaging constraints, ensuring clarity within seconds. Use PAS problem/solution framing to immediately communicate value proposition and align the CTA messaging with user intent.

Can I generate an A/B testing plan for my landing page?

Yes, you can generate an A/B testing plan that defines prioritization and significance targets for incremental improvements. This experimentation guidance helps iterate on the highest-ROI elements like hero messaging, social proof placement, and pricing decisions.

How do Core Web Vitals affect landing page conversion optimization?

Core Web Vitals directly impact landing page conversion optimization by enforcing performance targets for INP, LCP, and CLS. Meeting these mobile-first responsive rules ensures fast load times and layout stability, reducing bounce rates and preventing drop-offs.

What is the best way to audit an existing pricing page for drop-offs?

The best way to audit a pricing page for drop-offs is applying the LIFT Model to evaluate distraction and anxiety, then restructuring the section architecture. Adjust social proof placement and FAQ decisions, followed by an A/B testing plan for validation.