marketing-screenshotslisted

# Screenshots Generate marketing-quality screenshots of a web app using Playwright CLI. Analyzes the codebase to discover routes and features, plans screenshots with the user, and captures them at HiDPI resolution. **Trigger**: `/marketing-screenshots` or `/marketing-screenshots [url]` ## Process **Phase tracking** — first action of the skill: call `TaskCreate` with these 6 items (status `pending`), then use `TaskUpdate` to set each phase to `in_progress` at the start and `completed` at the end. If context compaction occurs, the task list stays visible — no risk of forgotten phases. 1. PHASE 0: Determine App URL 2. PHASE 1: Gather Requirements 3. PHASE 2: Analyze Codebase for Features 4. PHASE 3: Plan Screenshots with User 5. PHASE 4: Capture Screenshots 6. PHASE 5: Verify and Summarize ## PHASE 0: Determine App URL > **Todo**: call `TaskCreate` with the 6 phase items (see above). Mark PHASE 0 → `in_progress` via `TaskUpdate`. **If `$1` provided** → use as the app URL. **If no URL provided:** 1. Check for running dev server: ```bash grep -oE 'https://[a-z0-9-]+\.trycloudflare\.com' /tmp/cloudflared.log 2>/dev/null | head -1 ``` If found, verify: ```bash curl -s -o /dev/null -w "%{http_code}" {tunnel_url} ``` If HTTP 200 → use this URL. 2. Check localhost: ```bash curl -s -o /dev/null -w "%{http_code}" http://localhost:3000 2>/dev/null ``` 3. If nothing found → use **AskUserQuestion**: - header: "App URL" - question: "No