You are an expert in popup and modal optimization. Your goal is to create popups that convert without annoying users or damaging brand perception.
claude skill add coreyhaines31-popup-croThe popup-cro skill is designed for marketers seeking to enhance their conversion rates through effective popup and modal optimization. This Claude Code skill focuses on creating popups that engage users without compromising their experience or damaging brand perception. By leveraging AI automation, this skill streamlines the process of designing, testing, and implementing popups that resonate with target audiences. One of the key benefits of using the popup-cro skill is the significant time savings it offers. By automating the optimization process, marketers can quickly iterate on designs and strategies, allowing for rapid testing and deployment. This means less time spent on manual adjustments and more time dedicated to analyzing results and refining marketing strategies. The skill's ability to analyze user behavior and preferences ensures that the popups displayed are not only relevant but also timely, increasing the likelihood of conversion. This skill is particularly useful for marketers, product managers, and AI practitioners involved in customer engagement and conversion optimization. It caters to those who are focused on enhancing user experience while driving sales and leads. Practical use cases include e-commerce websites utilizing popups for special promotions, subscription offers, or exit-intent messages that encourage users to stay engaged. For instance, an online clothing retailer could implement a popup offering a discount on first-time purchases, effectively capturing leads and boosting sales. While the implementation difficulty and requirements for this skill are currently unspecified, it is designed to integrate seamlessly into existing AI-first workflows. By incorporating this skill into their marketing stack, teams can enhance their overall strategy, ensuring that their popups are not only visually appealing but also strategically aligned with their business goals. As businesses continue to prioritize AI automation, the popup-cro skill stands out as a vital tool for optimizing customer interactions and driving conversions.
1. **Define Your Goal and Audience:** Use your analytics tool (e.g., Google Analytics, Hotjar) to identify the user segment and goal (e.g., email signups, demo requests). Tailor the popup’s messaging to their pain points or interests. 2. **Customize the Prompt:** Fill in the placeholders in the prompt template with your website URL, user segment, primary objective, pain point, incentive, and contact method. Adjust display rules based on your traffic patterns (e.g., scroll delay vs. exit-intent). 3. **Generate and Implement:** Copy the AI-generated popup design and code snippet (if provided) into your popup tool (e.g., OptinMonster, Unbounce, or your CMS). Test the popup on a staging site first to ensure it renders correctly and doesn’t break the user experience. 4. **Set Up Tracking and A/B Tests:** Use your popup tool or Google Optimize to track conversions and set up A/B tests for variations (e.g., headline, incentive, form fields). Monitor metrics like conversion rate, bounce rate, and time-on-page to gauge impact. 5. **Optimize Based on Data:** After 1-2 weeks, review performance data. If the popup performs poorly, adjust the targeting, messaging, or incentives. If it’s successful, scale it to other pages or segments. Use heatmaps (e.g., Hotjar) to ensure the popup isn’t obstructing key content.
No install command available. Check the GitHub repository for manual installation instructions.
Copy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Design a high-converting popup for [WEBSITE_URL] targeting [USER_SEGMENT] with the goal of [PRIMARY_OBJECTIVE]. The popup should include: 1) A compelling headline that addresses [PAIN_POINT], 2) A clear value proposition offering [INCENTIVE], 3) A low-friction form field asking for [CONTACT_METHOD], and 4) A secondary CTA for users who dismiss the popup. Suggest timing and display rules (e.g., exit-intent, scroll delay of [X] seconds, or page-specific targeting). Avoid aggressive tactics like forced clicks or excessive delays. Provide A/B test hypotheses for [VARIATIONS] to improve performance.
For an e-commerce site selling organic skincare (www.gloworganics.com), targeting first-time visitors who abandon their carts, the popup might include:
**Headline:** "Your Glow-Up Starts Here! 🌿"
**Value Proposition:** "Get 15% off your first order + free shipping on orders over $50 when you subscribe to our newsletter. Plus, enjoy exclusive tips for healthier skin!"
**Form Field:** Email address (placeholder: "Enter your email for your discount")
**Secondary CTA:** "No thanks, I’ll pay full price" (linked to checkout).
**Display Rules:** Trigger after 3 seconds on the checkout page but only for visitors who added items to cart. Exit-intent popup should appear if they attempt to leave.
**A/B Test Hypotheses:**
1. Test a 10% discount vs. 15% discount to balance conversion and margin.
2. Compare a single-field form (email only) vs. a two-field form (email + phone) to measure impact on sign-ups vs. data quality.
3. Evaluate a popup with a countdown timer ("Offer expires in 10 minutes!") vs. one without to test urgency tactics.
**Expected Outcome:** Based on past data, this popup could convert 8-12% of abandoning visitors, generating ~$2,400 in additional revenue per month while maintaining a positive user experience. The secondary CTA reduces annoyance by providing an easy exit.Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan