菜单
When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion — "exit intent," "lead capture popup," "email popup," "announcement banner," "scroll trigger," "sticky bar," or any interrupt-style conversion element. For forms outside popups, see form-cro. For page-level conversion, see page-cro.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
When the user wants to write, rewrite, or improve marketing copy for any page — homepage, landing, pricing, feature, about, or product pages; "headline help," "CTA copy," "value proposition," "tagline," "hero section," "make this more compelling," "conversion copy," or complete Figma-ready full-page copy (see Full-Page Mode below). For email copy, see email-sequence. For popups, see popup-cro. For editing existing copy, see copy-editing.
When the user wants to increase conversions on any marketing page — homepage, landing, pricing, feature, or blog; "CRO," "this page isn't converting," "low conversion rate," "bounce rate," "my landing page sucks" — or just shares a URL asking for feedback. For signup flows, see signup-flow-cro; post-signup activation, onboarding-cro; forms, form-cro; popups, popup-cro.
When the user wants to audit or diagnose SEO issues — "technical SEO," "why am I not ranking," "meta tags review," "my traffic dropped," "Google update hit me," "core web vitals," "crawl errors," "indexing issues," or even a vague "my SEO is bad." For pages at scale, see programmatic-seo. For structured data, see schema-markup. For AI search, see ai-seo.
Coder<->reviewer handoff loop (Claude<->Codex, roles swappable) with self-instrumented per-round cost tracking. Loops locally via HANDOFF.md until approved, then opens a PR with the full transcript.
Act as a Senior Accessibility Engineer to audit a page, component, or design against WCAG 2.2 AA. Produces a triaged finding list (critical/serious/moderate), focus-order map, contrast report, ARIA decision tree, and a screen-reader test plan. Use when shipping new UI, hardening an existing flow, or preparing for VPAT/accessibility conformance.
When the user wants to plan, design, or implement an A/B test or experiment — "split test," "variant copy," "multivariate test," "hypothesis," "statistical significance," "how long should I run this test," or comparing two versions. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.
| name | popup-cro |
| description | When the user wants to create or optimize popups, modals, overlays, slide-ins, or banners for conversion — "exit intent," "lead capture popup," "email popup," "announcement banner," "scroll trigger," "sticky bar," or any interrupt-style conversion element. For forms outside popups, see form-cro. For page-level conversion, see page-cro. |
| category | marketing |
| tier | on-demand |
Create popups that convert without annoying users or damaging brand perception.
Product context: If .agents/product-marketing-context.md exists (or .claude/product-marketing-context.md in older setups), read it first and tailor output to it; only ask for what it doesn't cover.
Before recommending, understand:
"Show after 5 seconds" is not recommended; "after 30-60 seconds" (proven engagement) is better. Best for general site visitors.
Typically 25-50% scroll depth — indicates content engagement. Best for blog posts and long-form content. Example: "You're halfway through—get more like this."
Detects cursor moving to close/leave — last chance to capture value. Best for e-commerce and lead gen. Mobile alternative: back button or scroll up.
User initiates (clicks button/link), so zero annoyance. Best for lead magnets, gated content, demos. Example: "Download PDF" → popup form.
After visiting X pages — indicates research/comparison behavior. Best for multi-page journeys. Example: "Been comparing? Here's a summary..."
Add-to-cart abandonment, pricing page visitors, repeat page visits. Best for high-intent segments.
Goal: Newsletter/list subscription. Clear value prop (not just "Subscribe"), specific benefit of subscribing, single field (email only), consider an incentive (discount, content).
Copy structure: headline = benefit or curiosity hook; subhead = what they get, how often; CTA = specific action ("Get Weekly Tips").
Goal: Exchange content for email. Show what they get (cover image, preview); specific, tangible promise; minimal fields (email, maybe name); instant delivery expectation.
Goal: First purchase or conversion. Clear discount (10%, $20, free shipping); deadline creates urgency; single use per visitor; easy-to-apply code.
Goal: Last-chance conversion. Acknowledge they're leaving; different offer than the entry popup; address common objections; final compelling reason to stay.
Formats: "Wait! Before you go..." / "Forget something?" / "Get 10% off your first order" / "Questions? Chat with us"
Goal: Site-wide communication. Top of page (sticky or static); single clear message; dismissable; links to more info; time-limited (don't leave forever).
Goal: Less intrusive engagement. Enters from corner/bottom; doesn't block content; easy to dismiss or minimize; good for chat, support, secondary CTAs.
Desktop: 400-600px wide typical; don't cover the entire screen. Mobile: full-width bottom or center, not full-screen. Leave space to close (visible X, click outside).
Keep visible (top right is convention) — users who can't find it bounce entirely. Large enough to tap on mobile; "No thanks" text link as alternative; click outside to close.
Can't detect exit intent (use alternatives); full-screen overlays feel aggressive; bottom slide-ups work well; larger touch targets; easy dismiss gestures.
Product image or preview; a face if relevant (increases trust); minimal for speed; optional — copy can work alone.
Expand on the promise; address an objection ("No spam, ever"); set expectations ("Weekly tips in 5 min").
First person works: "Get My Discount" vs "Get Your Discount". Specific over generic: "Send Me the Guide" vs "Submit". Value-focused: "Claim My 10% Off" vs "Subscribe".
Polite, not guilt-trippy: "No thanks" / "Maybe later" / "I'm not interested". Avoid manipulative: "No, I don't want to save money."
Show maximum once per session; remember dismissals (cookie/localStorage); wait 7-30 days before showing again; respect user choice.
New vs. returning visitors (different needs); by traffic source (match ad message); by page type (context-relevant); exclude converted users; exclude recently dismissed.
Exclude checkout/conversion flows; consider blog vs. product pages; match offer to page context.
Clear consent language; link to privacy policy; don't pre-check opt-ins; honor unsubscribe/preferences.
Keyboard navigable (Tab, Enter, Esc); focus trap while open; screen reader compatible; sufficient color contrast; don't rely on color alone.
Intrusive interstitials hurt SEO, mobile especially. Allowed: cookie notices, age verification, reasonable banners. Avoid: full-screen before content on mobile.
Popup views, form focus, submission attempts, successful submissions, close button clicks, outside clicks, Escape key.
If recommending multiple popups: Popup 1 [purpose, trigger, audience]; Popup 2 [purpose, trigger, audience]; conflict rules for how they don't overlap.
Ideas to A/B test with expected outcomes.
Banner variations: top bar vs. banner below header; sticky vs. static; full-width vs. contained; with countdown timer vs. without.
Popup formats: center modal vs. slide-in from corner; full-screen overlay vs. smaller modal; bottom bar vs. corner popup; top announcements vs. bottom slideouts.
Position testing: popup sizes on desktop and mobile; left vs. right corner for slide-ins; visibility without blocking content.
Timing triggers: exit intent vs. 30-second delay vs. 50% scroll depth; optimal time delay (10s vs. 30s vs. 60s); scroll depth percentage (25% vs. 50% vs. 75%); page count trigger (show after X pages viewed).
Behavior triggers: user intent prediction; specific page visits; return visitor vs. new visitor targeting; referral source.
Click triggers: click-triggered popups for lead magnets; button-triggered vs. link-triggered modals; in-content vs. sidebar triggers.
Headlines & copy: attention-grabbing vs. informational headlines; "Limited-time offer" vs. "New feature alert" messaging; urgency-focused vs. value-focused copy; headline length and specificity.
CTAs: button text variations; button color for contrast; primary + secondary CTA vs. single CTA; decline text (friendly vs. neutral).
Visual content: countdown timers for urgency; with/without images; product preview vs. generic imagery; social proof in the popup.
Dynamic content: personalize on visitor data; industry-specific content; tailor to pages visited; progressive profiling (ask more over time).
Audience targeting: new vs. returning visitor messaging; segment by traffic source; target by engagement level; exclude already-converted visitors.
Frequency capping (once per session vs. once per week); cool-down period after dismissal; different dismiss behaviors; escalating offers over multiple visits.
