PlugWiki

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. 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. 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

  1. Initial Assessment
  2. Core Principles
  3. 1. Timing Is Everything
  4. 2. Value Must Be Obvious
  5. 3. Respect the User
  6. Trigger Strategies
  7. Time-Based
  8. Scroll-Based
  9. Exit Intent
  10. Click-Triggered
  11. Page Count / Session-Based
  12. Behavior-Based
  13. Popup Types
  14. Email Capture Popup
  15. Lead Magnet Popup
  16. 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

What it includes

  • Purpose, current state, traffic context

    Asks what the popup is for, how it performs today and where visitors come from.

    Initial assessment

  • Timing, obvious value, respect for the user

    Short rules that decide when and whether to show an overlay.

    Core principles

  • Six trigger types

    Time-based, scroll-based, exit intent, click-triggered, page count or session-based, and behavior-based.

    Trigger strategies

  • Six formats

    Email capture, lead magnet, discount or promotion, exit intent, announcement banner and slide-in.

    Popup types

  • Hierarchy, sizing, close button, mobile, imagery

    Rules for layout, the close button and mobile.

    Design best practices

  • Headlines, subheadlines, buttons, decline options

    Templates for each text element.

    Copy formulas

  • Caps, audience targeting and page rules

    Limits how often and where a popup appears.

    Frequency and rules

  • GDPR and privacy, accessibility, Google guidelines

    Checks the popup against these before launch.

    Compliance and accessibility

  • Popup design, multi-popup strategy, test hypotheses

    Type, trigger, targeting, frequency, copy and design notes, plus conflict rules if you use several popups.

    Output format

  • E-commerce, B2B SaaS, content and media, lead generation

    Starting setups for each.

    Common strategies

  • Five 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

Folder
skills/popups

coreyhaines31/marketingskillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 4
  1. popups SKILL.md · github.com
  2. coreyhaines31/marketingskills README · github.com
  3. popups on skills.sh · skills.sh
  4. coreyhaines31/marketingskills · github.com

Updated Nov 2, 2026.