PA

paywall-upgrade-cro

Expert guidance for designing and optimizing in-product upgrade flows and paywalls.

Install

mkdir -p .claude/skills/paywall-upgrade-cro && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/807" && unzip -o skill.zip -d .claude/skills/paywall-upgrade-cro && rm skill.zip

Installs to .claude/skills/paywall-upgrade-cro

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

When the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration screen," "limit reached screen," "plan upgrade prompt," or "in-app pricing." Distinct from public pricing pages (see page-cro) — this skill focuses on in-product upgrade moments where the user has already experienced value.
501 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Intermediate

Key capabilities

  • Designs in-app paywall trigger points
  • Optimizes value communication in upsell modals
  • Maps conversion paths from freemium to paid
  • Drafts usage limit warning screens
  • Identifies user-value 'aha' moments for upgrades

How it works

It assesses the user journey to determine the most effective timing for paywall insertion without disrupting core app utility.

Inputs & outputs

You give it
Product usage data and current feature gating flow
You get back
UX recommendations for upgrade conversion

When to use paywall-upgrade-cro

  • Design a trial expiration screen
  • Create a feature-specific upsell modal
  • Optimize a freemium-to-paid conversion flow

About this skill

Paywall and Upgrade Screen CRO

You are an expert in in-app paywalls and upgrade flows. Your goal is to convert free users to paid, or upgrade users to higher tiers, at moments when they've experienced enough value to justify the commitment.

Initial Assessment

Before providing recommendations, understand:

  1. Upgrade Context

    • Freemium → Paid conversion
    • Trial → Paid conversion
    • Tier upgrade (Basic → Pro)
    • Feature-specific upsell
    • Usage limit upsell
  2. Product Model

    • What's free forever?
    • What's behind the paywall?
    • What triggers upgrade prompts?
    • What's the current conversion rate?
  3. User Journey

    • At what point does this appear?
    • What have they experienced already?
    • What are they trying to do when blocked?

Core Principles

1. Value Before Ask

  • User should have experienced real value first
  • The upgrade should feel like a natural next step
  • Timing: After "aha moment," not before

2. Show, Don't Just Tell

  • Demonstrate the value of paid features
  • Preview what they're missing
  • Make the upgrade feel tangible

3. Friction-Free Path

  • Easy to upgrade when ready
  • Don't make them hunt for pricing
  • Remove barriers to conversion

4. Respect the No

  • Don't trap or pressure
  • Make it easy to continue free
  • Maintain trust for future conversion

Paywall Trigger Points

Feature Gates

When user clicks a paid-only feature:

  • Clear explanation of why it's paid
  • Show what the feature does
  • Quick path to unlock
  • Option to continue without

Usage Limits

When user hits a limit:

  • Clear indication of what limit was reached
  • Show what upgrading provides
  • Option to buy more without full upgrade
  • Don't block abruptly

Trial Expiration

When trial is ending:

  • Early warnings (7 days, 3 days, 1 day)
  • Clear "what happens" on expiration
  • Easy re-activation if expired
  • Summarize value received

Time-Based Prompts

After X days/sessions of free use:

  • Gentle upgrade reminder
  • Highlight unused paid features
  • Not intrusive—banner or subtle modal
  • Easy to dismiss

Context-Triggered

When behavior indicates upgrade fit:

  • Power users who'd benefit
  • Teams using solo features
  • Heavy usage approaching limits
  • Inviting teammates

Paywall Screen Components

1. Headline

Focus on what they get, not what they pay:

  • "Unlock [Feature] to [Benefit]"
  • "Get more [value] with [Plan]"
  • Not: "Upgrade to Pro for $X/month"

2. Value Demonstration

Show what they're missing:

  • Preview of the feature in action
  • Before/after comparison
  • "With Pro, you could..." examples
  • Specific to their use case if possible

3. Feature Comparison

If showing tiers:

  • Highlight key differences
  • Current plan clearly marked
  • Recommended plan emphasized
  • Focus on outcomes, not feature lists

4. Pricing

  • Clear, simple pricing
  • Annual vs. monthly options
  • Per-seat clarity if applicable
  • Any trials or guarantees

5. Social Proof (Optional)

  • Customer quotes about the upgrade
  • "X teams use this feature"
  • Success metrics from upgraded users

6. CTA

  • Specific: "Upgrade to Pro" not "Upgrade"
  • Value-oriented: "Start Getting [Benefit]"
  • If trial: "Start Free Trial"

7. Escape Hatch

  • Clear "Not now" or "Continue with Free"
  • Don't make them feel bad
  • "Maybe later" vs. "No, I'll stay limited"

Specific Paywall Types

Feature Lock Paywall

When clicking a paid feature:

[Lock Icon]
This feature is available on Pro

[Feature preview/screenshot]

[Feature name] helps you [benefit]:
• [Specific capability]
• [Specific capability]
• [Specific capability]

[Upgrade to Pro - $X/mo]
[Maybe Later]

Usage Limit Paywall

When hitting a limit:

You've reached your free limit

[Visual: Progress bar at 100%]

Free plan: 3 projects
Pro plan: Unlimited projects

You're active! Upgrade to keep building.

[Upgrade to Pro]    [Delete a project]

Trial Expiration Paywall

When trial is ending:

Your trial ends in 3 days

What you'll lose:
• [Feature they've used]
• [Feature they've used]
• [Data/work they've created]

What you've accomplished:
• Created X projects
• [Specific value metric]

[Continue with Pro - $X/mo]
[Remind me later]    [Downgrade to Free]

Soft Upgrade Prompt

Non-blocking suggestion:

[Banner or subtle modal]

You've been using [Product] for 2 weeks!
Teams like yours get X% more [value] with Pro.

[See Pro Features]    [Dismiss]

Team/Seat Upgrade

When adding users:

Invite your team

Your plan: Solo (1 user)
Team plans start at $X/user

• Shared projects
• Collaboration features
• Admin controls

[Upgrade to Team]    [Continue Solo]

Mobile Paywall Patterns

iOS/Android Conventions

  • System-like styling builds trust
  • Standard paywall patterns users recognize
  • Free trial emphasis common
  • Subscription terminology they expect

Mobile-Specific UX

  • Full-screen often acceptable
  • Swipe to dismiss
  • Large tap targets
  • Plan selection with clear visual state

App Store Considerations

  • Clear pricing display
  • Subscription terms visible
  • Restore purchases option
  • Meet review guidelines

Timing and Frequency

When to Show

  • Best: After value moment, before frustration
  • After activation/aha moment
  • When hitting genuine limits
  • When using adjacent-to-paid features

When NOT to Show

  • During onboarding (too early)
  • When they're in a flow
  • Repeatedly after dismissal
  • Before they understand the product

Frequency Rules

  • Limit to X per session
  • Cool-down after dismiss (days, not hours)
  • Escalate urgency appropriately (trial end)
  • Track annoyance signals (rage clicks, churn)

Upgrade Flow Optimization

From Paywall to Payment

  • Minimize steps
  • Keep them in-context if possible
  • Pre-fill known information
  • Show security signals

Plan Selection

  • Default to recommended plan
  • Annual vs. monthly clear trade-off
  • Feature comparison if helpful
  • FAQ or objection handling nearby

Checkout

  • Minimal fields
  • Multiple payment methods
  • Trial terms clear
  • Easy cancellation visible (builds trust)

Post-Upgrade

  • Immediate access to features
  • Confirmation and receipt
  • Guide to new features
  • Celebrate the upgrade

A/B Testing Paywalls

What to Test

  • Trigger timing (earlier vs. later)
  • Trigger type (feature gate vs. soft prompt)
  • Headline/copy variations
  • Price presentation
  • Trial length
  • Feature emphasis
  • Social proof presence
  • Design/layout

Metrics to Track

  • Paywall impression rate
  • Click-through to upgrade
  • Upgrade completion rate
  • Revenue per user
  • Churn rate post-upgrade
  • Time to upgrade

Output Format

Paywall Design

For each paywall:

  • Trigger: When it appears
  • Context: What user was doing
  • Type: Feature gate, limit, trial, etc.
  • Copy: Full copy with headline, body, CTA
  • Design notes: Layout, visual elements
  • Mobile: Mobile-specific considerations
  • Frequency: How often shown
  • Exit path: How to dismiss

Upgrade Flow

  • Step-by-step screens
  • Copy for each step
  • Decision points
  • Success state

Metrics Plan

What to measure and expected benchmarks


Common Patterns by Business Model

Freemium SaaS

  • Generous free tier to build habit
  • Feature gates for power features
  • Usage limits for volume
  • Soft prompts for heavy free users

Free Trial

  • Trial countdown prominent
  • Value summary at expiration
  • Grace period or easy restart
  • Win-back for expired trials

Usage-Based

  • Clear usage tracking
  • Alerts at thresholds (75%, 100%)
  • Easy to add more without plan change
  • Volume discounts visible

Per-Seat

  • Friction at invitation
  • Team feature highlights
  • Volume pricing clear
  • Admin value proposition

Anti-Patterns to Avoid

Dark Patterns

  • Hiding the close button
  • Confusing plan selection
  • Buried downgrade option
  • Misleading urgency
  • Guilt-trip copy

Conversion Killers

  • Asking before value delivered
  • Too frequent prompts
  • Blocking critical flows
  • Unclear pricing
  • Complicated upgrade process

Trust Destroyers

  • Surprise charges
  • Hard-to-cancel subscriptions
  • Bait and switch
  • Data hostage tactics

Experiment Ideas

Trigger & Timing Experiments

When to Show

  • Test trigger timing: after aha moment vs. at feature attempt
  • Early trial reminder (7 days) vs. late reminder (1 day before)
  • Show after X actions completed vs. after X days
  • Test soft prompts at different engagement thresholds
  • Trigger based on usage patterns vs. time-based only

Trigger Type

  • Hard gate (can't proceed) vs. soft gate (preview + prompt)
  • Feature lock vs. usage limit as primary trigger
  • In-context modal vs. dedicated upgrade page
  • Banner reminder vs. modal prompt
  • Exit-intent on free plan pages

Paywall Design Experiments

Layout & Format

  • Full-screen paywall vs. modal overlay
  • Minimal paywall (CTA-focused) vs. feature-rich paywall
  • Single plan display vs. plan comparison
  • Image/preview included vs. text-only
  • Vertical layout vs. horizontal layout on desktop

Value Presentation

  • Feature list vs. benefit statements
  • Show what they'll lose (loss aversion) vs. what they'll gain
  • Personalized value summary based on usage
  • Before/after demonstration
  • ROI calculator or value quantification

Visual Elements

  • Add product screenshots or previews
  • Include short demo video or GIF
  • Test illustration vs. product imagery
  • Animated vs. static paywall
  • Progress visualization (what they've accomplished)

Pricing Presentation Experiments

Price Display

  • Show monthly vs. annual vs. both with toggle
  • Highlight savings for annual ($ amount vs. % off)
  • Price per day framing ("Less than a coffee")
  • Show price after trial vs. emphasize "Start Free"
  • Display price prominently vs. de-emphasize until click

Plan Options

  • Single recommended plan vs. multiple tiers
  • Add "Most Popular" badge to target plan

Content truncated.

When not to use it

  • Optimizing public-facing landing page pricing
  • Marketing campaigns outside the product

Limitations

  • Dependent on app's current value proposition
  • Requires accurate product usage data

How it compares

It focuses specifically on in-product context-aware conversion rather than generic sales copy or funnel optimization.

Compared to similar skills

paywall-upgrade-cro side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
paywall-upgrade-cro (this skill)56moNo flagsIntermediate
ui-ux-pro-max1,9095moReviewIntermediate
penpot-uiux-design276moReviewAdvanced
ui-ux-designer414moNo flagsIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

software-architecture

davila7

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

333868

planning-with-files

davila7

Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.md. Use when starting complex multi-step tasks, research projects, or any task requiring >5 tool calls.

233106

telegram-bot-builder

davila7

Expert in building Telegram bots that solve real problems - from simple automation to complex AI-powered bots. Covers bot architecture, the Telegram Bot API, user experience, monetization strategies, and scaling bots to thousands of users. Use when: telegram bot, bot api, telegram automation, chat bot telegram, tg bot.

106130

scroll-experience

davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.

101142

humanizer

davila7

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases. Credits: Original skill by @blader - https://github.com/blader/humanizer

90175

game-development

davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

70195

You might also like

ui-ux-pro-max

nextlevelbuilder

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

1,9092,023

penpot-uiux-design

github

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

27145

ui-ux-designer

sickn33

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

4171

interactive-portfolio

davila7

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

3645

aesthetic

mrgoonie

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

627

interface-design

Dammyjay93

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

517

Search skills

Search the agent skills registry