app-preview-craft — store screenshots, social cards and 3D device videos

Everything this skill makes is a page (stage/stage.html) posed by a theme and captured by headless Chrome: stills are screenshotted and finished by sharp, videos are rendered frame by frame and piped into ffmpeg. The same page powers the preview studio, so what the user sees there is exactly what the CLI exports.

0. Find the skill, set it up once

Paths below are relative to the directory holding this SKILL.md. Resolve it once and prefix commands with it — $SKILL means that directory throughout:

SKILL=/absolute/path/to/app-preview-craft        # the folder with SKILL.md, scripts/, stage/
# not sure where it was installed? (skill folders, then the Claude Code plugin cache)
find ./.claude/skills ./.agents/skills ./.goose/skills ~/.claude/skills ~/.agents/skills \
     ~/.gemini/skills ~/.config/goose/skills ~/.claude/plugins \
     -path '*app-preview-craft*/scripts/cli.mjs' 2>/dev/null | head -1