Token导航 LogoToken导航

Agent Skill · 前端设计

popup-cro(弹出式 cro)

popup-cro 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

popup-cro 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为操作浏览器;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 3,802。

总安装 1,117周安装 47GitHub Stars 103下载 391核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:popup-cro(弹出式 cro)
来源仓库:https://github.com/borghei/claude-skills
仓库路径:skills/popup-cro
安装命令:
npx skills add https://github.com/borghei/claude-skills --skill popup-cro
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/borghei/claude-skills --skill popup-cro

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

popup-cro 构建弹窗优化框架,覆盖格式选择、触发工程与频率控制策略。支持多弹窗冲突解析与移动端适配,兼顾合规要求与用户体验。输出 A/B 测试结构与转化指标基准,提升线索捕获与反馈收集效率。部署前应评估业务目标与用户容忍度,防止过度打扰导致跳出率上升。

popup-cro 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

来源仓库内路径:skills/popup-cro

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/borghei/claude-skills --skill popup-cro;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要操作浏览器,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

popup-cro 怎么安装?

在终端执行 npx skills add https://github.com/borghei/claude-skills --skill popup-cro。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

popup-cro 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

popup-cro 需要什么权限?

权限级别是操作浏览器。该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

popup-cro 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

popup-cro 用的人多吗?

公开数据是累计安装 1,117 次,近一周安装 47 次,下载 391 次,GitHub 103 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

popup-cro 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
popup-cro

弹出式 cro · 本页

1,117103操作浏览器未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Popup CRO

Production-grade popup optimization framework covering format selection, trigger engineering, audience targeting, frequency capping, copy design, compliance requirements, and structured A/B testing. Handles lead capture, promotional, announcement, and feedback popups across web and mobile.


Table of Contents


Initial Assessment

Required Context

QuestionWhy It Matters
What is the popup purpose? (lead capture, promotion, announcement, feedback)Determines format and trigger
What existing popups are running?Conflict resolution needed
What traffic sources? (paid, organic, direct)Targeting and trigger strategy
New vs returning visitor split?Personalization opportunity
Mobile vs desktop traffic split?Mobile compliance requirements
Current popup performance? (if exists)Baseline for optimization
Any compliance requirements? (GDPR, CCPA)Legal constraints on data capture

Format Selection Matrix

FormatBest ForIntrusivenessMobile FriendlyConversion Rate
Center modalHigh-value offers, exit intentHighWith adaptation3-10%
Slide-in (corner)Newsletter, content offersLowYes1-5%
Top barAnnouncements, promotionsVery lowYes0.5-2%
Bottom barCookie consent, CTAsVery lowYes0.5-2%
Full-screen overlayMajor promotions, welcome matsVery highNo (Google penalizes)2-8%
Inline expansionContent upgrades within articlesVery lowYes2-7%
Exit-intent modalFinal capture attemptMediumDesktop only2-5%

Format Decision Tree

What is the goal?
├── Lead capture (email)
│   ├── Blog/content page → Slide-in (scroll trigger) or inline expansion
│   ├── Landing page → Exit-intent modal
│   └── Homepage → Time-delayed center modal
├── Promotion/discount
│   ├── E-commerce → Center modal (entry or timed)
│   └── SaaS → Top bar with countdown
├── Announcement
│   ├── New feature → Top bar (sticky)
│   └── Event/webinar → Slide-in or center modal
└── Feedback/survey
    └── Post-interaction → Slide-in (bottom corner)

Trigger Engineering

Trigger Types and Use Cases

TriggerHow It WorksBest ForRisk
Exit intentMouse moves toward browser close/backLast-chance captureDesktop only
Time delayAppears after N secondsLow-commitment offersToo early = annoying
Scroll depthAppears at N% scrollContent-engaged visitorsMust calibrate to content length
Page countAppears after N page viewsMulti-visit engagementRequires cookie tracking
Click triggerUser clicks a specific elementLead magnets, CTAsRequires obvious trigger element
InactivityNo interaction for N secondsRe-engagementCan feel intrusive

Optimal Trigger Settings

TriggerSettingRationale
Time delay15-30 seconds< 10s feels aggressive, > 60s misses visitors
Scroll depth50-70%User has consumed enough content to be engaged
Page count2-3 pagesVisitor has shown interest beyond a single page
Exit intentMouse leaves viewportLast opportunity before they leave
Click triggerProminent CTA button or text linkExplicit user intent

Trigger Combinations

Layer triggers for better targeting:

CombinationWhen to Use
Scroll 50% + Time 20sEnsures both engagement and time on page
Page count 3 + Exit intentOnly show to visitors who have browsed multiple pages and are leaving
Click trigger + Email not capturedOnly show form to non-subscribers

Audience Targeting

Segmentation Rules

SegmentPopup Strategy
New visitors (first visit)Welcome offer, newsletter signup, content upgrade
Returning visitors (2-5 visits)Deeper offer, free trial, demo request
Returning visitors (5+ visits)Direct CTA, consultation offer
Email subscribersNever show email capture popup
Existing customersFeature announcements, upgrade offers only
Paid traffic visitorsMessage-matched offer, no generic popup
Mobile visitorsNon-intrusive format only (slide-in or bottom bar)

Exclusion Rules

Always exclude these segments from popups:

  • Users who already converted (subscribed, signed up, purchased)
  • Users who dismissed the same popup in this session
  • Users who dismissed the same popup in the last 7 days
  • Users in the checkout or payment flow
  • Users on legal/compliance pages (privacy, terms)

Frequency and Suppression Rules

Frequency Caps

RuleSettingRationale
Max popups per session1Multiple popups per visit destroys trust
Cooldown after dismissal7 days minimumRespect the user's "no"
Cooldown after close (X button)3-7 daysLess aggressive than dismissal
Max popups per month3-4More than this and users feel harassed
Post-conversion suppressionPermanent for that popup typeNever ask again once they converted

Suppression Priority

If multiple popups compete for the same user in the same session, use this priority:

PriorityPopup TypeWhy
1Cookie consent / legalRequired by law
2Exit intent (if triggered)Last chance, highest intent signal
3Time-delayed / scroll-triggeredPlanned engagement
4Announcement barLowest priority, always available

Popup Copy Architecture

Anatomy of High-Converting Popup Copy

HEADLINE: What they get (benefit-focused, 6-10 words)
SUBHEADLINE: Why they should care (supporting detail, 1 sentence)
[FORM: Minimum fields]
[PRIMARY CTA: Action-oriented, 2-4 words]
[DECLINE TEXT: Respectful, neutral, 3-6 words]
[TRUST ELEMENT: Privacy or social proof, 1 line]

Copy Examples by Type

Newsletter Signup:

  • Headline: "Get Weekly Growth Tactics"
  • Subheadline: "Join 15,000 marketers who get our Tuesday newsletter"
  • CTA: "Subscribe"
  • Decline: "No thanks"
  • Trust: "Unsubscribe anytime. No spam."

Content Upgrade:

  • Headline: "Get the Full SEO Checklist"
  • Subheadline: "85 checks organized by priority. PDF download."
  • CTA: "Send Me the Checklist"
  • Decline: "I'll skip it"
  • Trust: "Free. No credit card required."

Exit Intent (E-commerce):

  • Headline: "Wait -- 15% Off Your First Order"
  • Subheadline: "Use code WELCOME15 at checkout"
  • CTA: "Claim My Discount"
  • Decline: "I'll pay full price"
  • Trust: "Valid for 24 hours"

Decline Text Rules

  • Never use shame language ("No, I don't want to save money")
  • Keep it neutral: "No thanks", "Maybe later", "Not now", "I'll skip it"
  • Font size should be readable (not tiny text designed to be missed)
  • Position clearly below or beside the CTA

Strategy by Business Type

E-commerce

PopupTriggerOffer
Welcome discountEntry (new visitors, 5-second delay)10-15% off first order
Exit intentMouse exit on product/cart pageHigher discount or free shipping
Cart abandonmentReturn visit after cart abandonmentReminder + incentive
Post-purchaseThank you pageReferral offer or cross-sell

B2B SaaS

PopupTriggerOffer
Content upgradeScroll 50% on blog postRelated PDF, checklist, template
Demo requestPricing page exit intent"Talk to sales" with calendar link
NewsletterBlog, 3rd page viewWeekly insights email
Feature announcementLogin, existing usersNew feature with CTA to try it

Content / Media

PopupTriggerOffer
NewsletterScroll 60% on article"Get articles like this weekly"
Content gateAfter 3 free articlesSubscription or email for access
Social followScroll bottom of articleFollow on social platforms

Mobile Popup Design

Google Intrusive Interstitials Policy

Google penalizes mobile pages that show intrusive interstitials. Avoid:

  • Full-screen popups that cover the main content
  • Popups that the user must dismiss before accessing content
  • Above-the-fold layouts where the popup pushes content below the fold

Mobile-Safe Formats

FormatMobile Safe?Notes
Bottom barYesSmall, non-blocking
Top barYesSmall, dismissable
Slide-in (small)YesCorner, < 30% of screen
Center modal (small)ConditionalOnly if easily dismissable and shown after engagement
Full-screen overlayNoPenalized by Google
Exit intentN/ANot available on mobile

Mobile Design Rules

  • Touch targets minimum 44x44px for close button and CTA
  • Close button (X) must be clearly visible and easily tappable
  • Popup must not cover more than 50% of the screen
  • Form inputs must trigger appropriate mobile keyboards
  • Test on actual mobile devices (not just responsive preview)

Compliance Requirements

GDPR (EU)

  • Checkbox for consent (pre-checked is not valid consent)
  • Clear privacy policy link
  • State what you will do with their email
  • Easy unsubscribe in all subsequent emails
  • Data processing purpose must be specified

CCPA (California)

  • "Do Not Sell My Personal Information" link if applicable
  • Privacy policy must be accessible
  • Users can request data deletion

CAN-SPAM (US)

  • Must honor unsubscribe requests within 10 business days
  • Must include physical address in emails
  • Subject lines cannot be deceptive

Cookie Consent (EU/UK)

  • Cookie consent banner takes priority over all other popups
  • Must not set non-essential cookies before consent
  • Must offer granular consent options

Multi-Popup Conflict Resolution

Priority System

If your site runs multiple popups, implement these rules:

  1. Legal popups first -- Cookie consent before any other popup
  2. One popup per session -- After legal popup, only one marketing popup
  3. Priority ranking -- Exit intent > Scroll-triggered > Time-delayed > Announcement bar
  4. No stacking -- Never show two popups simultaneously
  5. Queue system -- If multiple popups qualify, show highest priority and suppress the rest for this session

Implementation Rules

  • Maintain a global popup state manager
  • Each popup checks the state before rendering
  • Record which popups the user has seen, dismissed, or converted on
  • Share state across tabs if possible (localStorage)

A/B Test Framework

High-Impact Tests

TestHypothesisMetric
Trigger timing (15s vs 30s vs scroll)Scroll trigger captures more engaged usersConversion rate + bounce rate
Offer type (discount vs content)Content offers attract higher-quality leadsConversion rate + lead quality
Copy variation (benefit vs urgency)Benefit-focused converts better long-termConversion rate
Format (modal vs slide-in)Slide-in has lower bounce impactConversion rate + bounce rate
Decline text (neutral vs shame-free)Neutral decline text maintains trustBrand sentiment + repeat visits

Test Rules

  • Run each test for minimum 1,000 impressions per variant
  • Track both popup conversion rate AND page-level metrics (bounce, time on page)
  • A popup that converts 10% but increases bounce by 20% is a net negative

Metrics and Benchmarks

Key Metrics

MetricFormulaBenchmark
Popup conversion rateConversions / Impressions2-5% (good), 5-10% (excellent)
Popup view rateImpressions / Eligible page viewsDepends on trigger settings
Bounce rate impactBounce rate with popup - withoutShould be < 5% increase
Email quality scorePopup leads who engage / Total popup leads> 30% open subsequent emails
Revenue per popup leadRevenue from popup leads / Total popup leadsCompare to other lead sources

Output Artifacts

ArtifactFormatDescription
Popup Strategy MapType x trigger x audience x frequency tableComplete popup inventory with conflict rules
Complete Copy SetPer-popup copyHeadline, subheadline, CTA, decline text, trust element
Mobile Adaptation GuidePer-format recommendationsMobile-safe formats, sizing, dismiss behavior
Compliance ChecklistPer-regulation requirementsGDPR, CCPA, CAN-SPAM, cookie consent
A/B Test PlanPrioritized tableHypotheses ranked by expected impact
Multi-Popup Priority MapPriority rankingConflict resolution rules for concurrent popups

Tool Reference

1. popup_strategy_auditor.py

Audits existing popup configurations for compliance, frequency conflicts, targeting gaps, and mobile safety. Reads a JSON inventory of popups and flags issues against best practices.

python scripts/popup_strategy_auditor.py popups.json --format text
python scripts/popup_strategy_auditor.py popups.json --format json
FlagTypeDescription
popups.jsonpositionalPath to JSON file with popup inventory and rules
--formatoptionalOutput format: text (default) or json

2. popup_ab_test_calculator.py

Calculates statistical significance for popup A/B tests. Takes impressions and conversions for control and variant, computes conversion rates, relative lift, confidence level, and recommends whether to ship, continue testing, or abandon.

python scripts/popup_ab_test_calculator.py test.json --format text
python scripts/popup_ab_test_calculator.py test.json --format json
FlagTypeDescription
test.jsonpositionalPath to JSON file with A/B test data
--formatoptionalOutput format: text (default) or json

3. popup_roi_estimator.py

Estimates revenue impact of popup lead capture by modeling lead volume, conversion rates, and customer lifetime value. Compares popup-sourced leads against other channels.

python scripts/popup_roi_estimator.py roi_data.json --format text
python scripts/popup_roi_estimator.py roi_data.json --format json
FlagTypeDescription
roi_data.jsonpositionalPath to JSON file with popup performance and revenue data
--formatoptionalOutput format: text (default) or json

Troubleshooting

ProblemLikely CauseResolution
Popup conversion rate below 2%Wrong trigger timing, weak offer, or poor copyTest scroll-triggered (50-70%) vs time-delayed; use benefit-focused headline; add countdown timer (lifts to 14.4% avg per 2026 benchmarks)
Bounce rate increases >5% after adding popupPopup fires too early or covers too much screen on mobileIncrease time delay to 15-30s or switch to scroll trigger; use slide-in format instead of center modal
Email list quality drops (low open rates from popup leads)Generic offer attracts low-intent subscribersSwitch to content upgrade offers specific to the page; add qualification question
Multiple popups fire in same sessionNo global popup state manager or priority system implementedImplement session-level state tracking via localStorage; enforce one-popup-per-session rule with priority ranking
Mobile popup triggers Google penaltyFull-screen overlay or popup covers content before engagementSwitch to bottom bar, slide-in (<30% screen), or inline expansion format; test with Google Mobile-Friendly Tool
Exit-intent not working on mobileExit-intent relies on mouse movement which does not exist on mobileUse scroll-up or inactivity trigger as mobile alternative; segment trigger rules by device type
Cookie consent popup conflicts with marketing popupNo priority system; both fire simultaneouslyLegal popups always take priority; queue marketing popup to fire only after consent is given

Success Criteria

  • Popup conversion rate reaches 3-5% (good) or 5-10% (excellent) within 30 days of optimization
  • Bounce rate impact stays below 5% increase compared to no-popup baseline
  • Email lead quality maintains >30% open rate on subsequent emails from popup-sourced leads
  • Mobile popup compliance passes Google Mobile-Friendly Test with zero warnings
  • Frequency capping limits impressions to max 1 per session and 3-4 per month per user
  • Zero GDPR/CCPA compliance violations in popup consent flows
  • Gamified or countdown-enhanced popups reach 13%+ average conversion rate (2026 benchmark)

Scope & Limitations

In scope: Popup and modal format selection, trigger engineering, audience targeting, frequency capping, copy architecture, mobile-safe design, multi-popup conflict resolution, compliance requirements (GDPR, CCPA, CAN-SPAM, cookie consent), and structured A/B testing for lead capture, promotional, announcement, and feedback popups.

Out of scope: Form field-level optimization within popups (use form-cro), page-level conversion optimization around the popup (use page-cro), in-app onboarding modals and tooltips (use onboarding-cro), registration flows triggered by popups (use signup-flow-cro). Scripts operate on local data only -- no integrations with popup platforms (OptinMonster, Wisepops, etc.) or analytics tools.

Limitations: Conversion benchmarks are aggregate industry averages from 2025-2026 studies (Popupsmart 10K+ campaigns, Wisepops 1B+ displays) and vary significantly by industry, traffic source, and offer type. Exit-intent detection is desktop-only; mobile alternatives (scroll-up, inactivity) have different performance characteristics. Google intrusive interstitial penalties apply to mobile search traffic specifically -- direct/paid traffic is less affected.


Integration Points

  • form-cro -- Popup form fields should follow form-cro field reduction and validation standards
  • page-cro -- Page conversion should be optimized before layering popups; popup performance depends on page quality
  • signup-flow-cro -- Popup-to-signup handoff should maintain context and pre-fill captured email
  • paywall-upgrade-cro -- In-app upgrade modals share frequency capping and UX principles with marketing popups
  • onboarding-cro -- Product onboarding tooltips and modals should use separate state management from marketing popups
  • referral-program -- Post-purchase or post-conversion popups can trigger referral program prompts

Related Skills

  • form-cro -- Use when the form inside the popup needs field-level optimization (field count, validation, layout).
  • page-cro -- Use when the page surrounding the popup needs conversion optimization. Fix the page first, then add popups.
  • onboarding-cro -- Use when popups/modals are part of in-app onboarding (tooltips, checklists, feature tours).
  • signup-flow-cro -- Use when the popup leads into a registration flow that needs optimization.

平台分布

Codex

37.1%
按下载量换算145

Claude

31.65%
按下载量换算124

Cursor

17.61%
按下载量换算69

Gemini CLI

10.38%
按下载量换算41

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

操作浏览器

该 Skill 可能涉及浏览器控制能力,使用时可能读取或操作网页内容,需要在受控环境中确认权限边界。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills