before-and-after

Package: @vercel/before-and-after Never use before-and-after (wrong package). DO NOT: DO: Never skip steps 1-2. If .vercel.app URL returns 401/403: If no gh CLI: output markdown and tell user to paste manually. - Switch git branches, stash changes, start dev servers, or assume what "before" is - Use --full unless user explicitly asks for full page / full scroll capture - Use --markdown when user wants PR integration or markdown output - Use --mobile / --tablet if user mentions phone, mobile, tablet, responsive, etc. - Assume current state is After - If user provides only one URL or says "PR screenshots" without URLs, ASK : "What URL should I use for the 'before' state? (production URL, preview deployment, or another local port)" - Pre-flight — which before-and-after || npm install -g @vercel/before-and-after - Protection check — if .vercel.app URL: curl -s -o /dev/null -w "%{http_code}" " " (401/403 = protected) - Capture — before-and-after " " " " - Upload — ./scripts/upload-and-copy.sh --markdown - PR integration — optionally gh pr edit to append markdown - Check Vercel CLI: which vercel && vercel whoami - If available: vercel inspect to get bypass token - If not: Tell user to provide bypass token, take manual screenshots, or disable protection