popups Skill for Claude: Design Popups, Modals and Banners That Convert
Makes Claude design popups, modals, slide-ins and banners with triggers, copy and frequency rules that respect visitors.
- Installs
- 74K
- on skills.sh
- Stars
- 57.9K
- on GitHub
- Files
- 1
- besides SKILL.md
- Updated
- Oct 2026
- last repo commit
popups makes Claude act as a popup conversion expert. It picks the popup type and trigger, writes headline, subhead, button and decline copy, and sets who sees it and how often.
It triggers on exit intent, modals, overlays, slide-ins, sticky bars and notification bars. It also checks privacy, accessibility and Google guidelines. The folder bundles an evals file and no scripts.
Good for
- Marketers adding email capture, discount or announcement popups
- E-commerce and SaaS teams fixing a popup that annoys visitors
- Designers who need copy formulas and mobile rules for overlays
Install popups
Claude Code
- 1
Copy this prompt.
Install the popups skill in Claude Code. Run this command: npx skills add https://github.com/coreyhaines31/marketingskills --skill popups Then check that it loaded and tell me how to use it.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js.
From its listing on skills.sh. Source.
What's in the skill
When it loads
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," "overlay," "collect emails with a popup," "exit popup," "scroll trigger," "sticky bar," or "notification bar." Use this for any overlay or interrupt-style conversion element. For forms outside of popups, see cro. For general page conversion optimization, see cro.
Sections in SKILL.md
- Initial Assessment
- Core Principles
- 1. Timing Is Everything
- 2. Value Must Be Obvious
- 3. Respect the User
- Trigger Strategies
- Time-Based
- Scroll-Based
- Exit Intent
- Click-Triggered
- Page Count / Session-Based
- Behavior-Based
- Popup Types
- Email Capture Popup
- Lead Magnet Popup
- Discount/Promotion Popup
Key facts
- License
- MIT
- Installs on skills.sh
- 73,980 (Nov 2, 2026)
- GitHub stars (whole repo)
- 57,855 (Nov 2, 2026)
- Last commit to the repo
- Oct 31, 2026
- skills.sh audits
- Gen Agent Trust Hub pass, Socket pass, Snyk pass
What it includes
Purpose, current state, traffic context
Asks what the popup is for, how it performs today and where visitors come from.
Initial assessmentTiming, obvious value, respect for the user
Short rules that decide when and whether to show an overlay.
Core principlesSix trigger types
Time-based, scroll-based, exit intent, click-triggered, page count or session-based, and behavior-based.
Trigger strategiesSix formats
Email capture, lead magnet, discount or promotion, exit intent, announcement banner and slide-in.
Popup typesHierarchy, sizing, close button, mobile, imagery
Rules for layout, the close button and mobile.
Design best practicesHeadlines, subheadlines, buttons, decline options
Templates for each text element.
Copy formulasCaps, audience targeting and page rules
Limits how often and where a popup appears.
Frequency and rulesGDPR and privacy, accessibility, Google guidelines
Checks the popup against these before launch.
Compliance and accessibilityPopup design, multi-popup strategy, test hypotheses
Type, trigger, targeting, frequency, copy and design notes, plus conflict rules if you use several popups.
Output formatE-commerce, B2B SaaS, content and media, lead generation
Starting setups for each.
Common strategiesFive groups of A/B tests
Placement and format, triggers, messaging, personalization, and frequency and rules.
Experiment ideas
From the official docs
Questions
How do I install popups?
Use the install box above. The repo README also documents the full marketing-skills plugin for Claude Code and Codex, and a one-skill ZIP for the Claude web app on the repo's Releases page.
Do I need the product-marketing skill first?
No. The SKILL.md only says to read a product marketing context file if one exists (.agents/product-marketing.md, .claude/product-marketing.md or the older product-marketing-context.md) and to ask you for anything it does not cover. The README calls product-marketing the foundation the other skills check first.
Does it cover exit-intent popups?
Yes. Exit intent is both a trigger strategy and a popup type in the SKILL.md.
Does it cover privacy and accessibility?
It has sections for GDPR and privacy, accessibility and Google guidelines. Treat them as a checklist, not legal advice.
How is it different from the cro skill?
The SKILL.md says to use popups for any overlay or interrupt-style conversion element, and to see cro for forms outside popups and for general page conversion. Its related-skills list also points to cro for the form inside the popup.
Does popups work in the Claude app or Codex?
The README documents a Codex plugin and a one-skill ZIP for the Claude web app, uploaded under Customize, then Skills. Claude Code is covered by the skills CLI and the plugin.
Does popups need an API key or scripts?
The SKILL.md names no API keys, and the skill folder bundles no scripts. It holds the SKILL.md and an evals file.
Is popups safe?
It is plain text instructions with no bundled scripts, so what it can do depends on your client's own permissions.
Information
updated Nov 2, 2026
- Repository
- coreyhaines31/marketingskills
- Folder
skills/popups
Sources
Docs, issue trackers and discussions this page is built from.
Show all 4Hide
- popups SKILL.md · github.com
- coreyhaines31/marketingskills README · github.com
- popups on skills.sh · skills.sh
- coreyhaines31/marketingskills · github.com