When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion purposes. Also use when the user mentions "exit intent," "popup conversions," "modal optimization," "lead capture popup," "email popup," "announcement banner," or "overlay." For forms outside of popups, see form-cro. For general page conversion optimization, see page-cro.
View on GitHubskills/popup-cro/SKILL.md
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/coreyhaines31/marketingskills/blob/main/skills/popup-cro/SKILL.md -a claude-code --skill popup-croInstallation paths:
.claude/skills/popup-cro/# Popup CRO You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception. ## Initial Assessment **Check for product marketing context first:** If `.claude/product-marketing-context.md` exists, read it before asking questions. Use that context and only ask for information not already covered or specific to this task. Before providing recommendations, understand: 1. **Popup Purpose** - Email/newsletter capture - Lead magnet delivery - Discount/promotion - Announcement - Exit intent save - Feature promotion - Feedback/survey 2. **Current State** - Existing popup performance? - What triggers are used? - User complaints or feedback? - Mobile experience? 3. **Traffic Context** - Traffic sources (paid, organic, direct) - New vs. returning visitors - Page types where shown --- ## Core Principles ### 1. Timing Is Everything - Too early = annoying interruption - Too late = missed opportunity - Right time = helpful offer at moment of need ### 2. Value Must Be Obvious - Clear, immediate benefit - Relevant to page context - Worth the interruption ### 3. Respect the User - Easy to dismiss - Don't trap or trick - Remember preferences - Don't ruin the experience --- ## Trigger Strategies ### Time-Based - **Not recommended**: "Show after 5 seconds" - **Better**: "Show after 30-60 seconds" (proven engagement) - Best for: General site visitors ### Scroll-Based - **Typical**: 25-50% scroll depth - Indicates: Content engagement - Best for: Blog posts, long-form content - Example: "You're halfway through—get more like this" ### Exit Intent - Detects cursor moving to close/leave - Last chance to capture value - Best for: E-commerce, lead gen - Mobile alternative: Back button or scroll up ### Click-Triggered - User initiates (clicks button/link) - Zero annoyance factor - Best for: Lead magnets, gated content, demos - Example: "Download PDF" → Popu