conversion-ux

Design funnel page layouts with CTA placement and conversion patterns.

Updated May 21, 2026
One-click install
npx skills add https://github.com/jedmamosto/m-and-ms --skill conversion-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: conversion-ux
Source: https://github.com/jedmamosto/m-and-ms/tree/main/.agents/skills/conversion-ux
Command: npx skills add https://github.com/jedmamosto/m-and-ms --skill conversion-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Conversion-ux helps you design funnel pages that convert by improving visual hierarchy, CTA placement, social proof, urgency, and form friction so visitors take the intended next step.

Core Features & Use Cases

  • Funnel page UX layout: above-the-fold structure, scroll mapping, CTA repetition, and mobile sticky CTA requirements for landing, sales, opt-in, checkout, application, webinar registration, and thank-you pages.
  • Conversion pattern application: a 12-pattern checklist covering hero proof, trust bars, testimonials, numeric proof, FAQ placement, risk reversal, and exit-intent or scroll-depth prompts.
  • Friction reduction & guardrails: form specs (single column, inline validation, minimum fields), navigation rules (strip top nav on paid-traffic landing pages), and anti-pattern prevention like avoiding fake scarcity or competing primary CTAs.
  • Operational handoff readiness: clear separation of concerns by sending tokens and breakpoints to design-system and mobile-responsive, while keeping conversion decisions in one place.

Quick Start

Use conversion-ux to produce an above-the-fold spec and full scroll-map for your funnel page, ensuring the correct single primary CTA, at least one proof element, and a mobile sticky CTA plan.

Frequently Asked Questions about conversion-ux

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

FAQPage Schema
How do I design a high-converting landing page layout that improves CTA placement?

High-converting landing page layout design requires an above-the-fold structure with a single primary CTA, scroll mapping for CTA repetition, and mobile sticky CTA placement to ensure visibility and reduce friction.

What is the best way to reduce checkout friction and form abandonment on sales pages?

Reducing checkout friction involves using single-column forms, inline validation, minimum required fields, and stripping top navigation on paid-traffic pages to prevent user distraction and decrease abandonment rates.

How do I apply social proof and urgency to a funnel page without using fake scarcity?

Applying social proof and urgency uses a 12-pattern checklist covering hero proof, trust bars, testimonials, numeric proof, and risk reversal, intentionally preventing anti-patterns like fake scarcity or competing primary CTAs.

Does this conversion UX approach work for webinar registration and opt-in pages?

This conversion UX approach works for webinar registration and opt-in pages by enforcing single primary CTA rules, adding proof elements, and mapping scroll-depth prompts to guide visitors toward the intended next step.

What are the limitations of using a single primary CTA rule on a sales funnel page?

The single primary CTA rule limits competing visual hierarchy on sales funnel pages, preventing anti-patterns like multiple primary action buttons that confuse users, though secondary navigation may be intentionally skipped.

How do I hand off funnel page conversion specs to design-system and mobile-responsive breakpoints?

Handing off funnel page specs requires separating conversion decisions from visual execution by sending tokens and breakpoints to design-system and mobile-responsive components to ensure operational handoff readiness.