teaser-screenshots
Installation
SKILL.md
In-product teaser screenshots
These screenshots are embedded inside the free version's UI (e.g. the user card teaser block) to show "this is what the same surface looks like with premium." Real screenshots beat blurred placeholders for honesty, conversion, and WP.org compliance (see freemium_upsell_strategy.md §5).
Captured screenshots
A single capture run produces four PNGs in assets/images/. The orchestrator (scripts/capture-teaser-screenshots.sh) toggles the premium plugin between the two passes and trap-restores it on exit.
| File | Mode | Variant | Used in |
|---|---|---|---|
user-card-with-premium.png |
premium active | close-up | src/components/UserCard.jsx — PremiumTeaserBlurred embedded preview |
user-card-with-premium-context.png |
premium active | with event-row context | Marketing / blog / docs |
user-card-without-premium.png |
premium deactivated | close-up | Marketing / docs ("what free users see") |
user-card-without-premium-context.png |
premium deactivated | with event-row context | Marketing / blog |
Add a row whenever a new in-product screenshot is wired up.