teaser-screenshots

Reproducibly capture in-product UI screenshots (admin popovers, settings teasers, dashboard widgets) used as embedded images in premium upsell teasers. Use whenever a teaser image needs refreshing after the underlying UI changes.

Jump to install

Repository: bonny/WordPress-Simple-History
Last source activity: July 28, 2026 at 09:42
Detected SKILL.md language: English
Stars: 316
Forks: 74

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/bonny/WordPress-Simple-History --skill teaser-screenshots

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

og-share-images

Creates Open Graph / social share images (1200x630) for blog posts and announcements by rendering HTML in a headless browser. Use when a post needs an OG image, share card, or social preview graphic.

2026-08-05

populate-log

Populates the event log with test data via WP-CLI. Use when adding sample events, generating test data, or benchmarking with realistic activity.

2026-07-28

premium-translate

Translates Simple History Premium plugin strings for one or multiple locales. Use when translating or updating premium plugin PO files.

2026-07-28

View all from this repository

name	teaser-screenshots
description	Reproducibly capture in-product UI screenshots (admin popovers, settings teasers, dashboard widgets) used as embedded images in premium upsell teasers. Use whenever a teaser image needs refreshing after the underlying UI changes.
allowed-tools	Read, Bash, Edit, Write
disable-model-invocation	true

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

teaser-screenshots

Install options

Review the source files

In-product teaser screenshots

Captured screenshots

In-product teaser screenshots

Captured screenshots

Pre-flight

Capture command

When to re-run

Adding a new in-product screenshot pair

Troubleshooting

Why on-stable, not Playground

teaser-screenshots

Source facts

Install options

Review the source files

More from this repository

In-product teaser screenshots

Captured screenshots

More from this repository

In-product teaser screenshots

Captured screenshots

Pre-flight

Capture command

When to re-run

Adding a new in-product screenshot pair

Troubleshooting

Why on-stable, not Playground