# Product Hunt Screenshot Capture Guide

**Quick Start:** Follow the steps below to capture all 4 required screenshots in ~10 minutes.

---

## Method 1: Chrome DevTools (Recommended, Free)

### Step-by-Step:

**1. Open Chrome DevTools**
- Navigate to `scripter.app/pricing`
- Press `Cmd+Shift+P` (Mac) or `Ctrl+Shift+P` (Windows/Linux)
- Or: Right-click → "Inspect" → Press `Cmd+Shift+P`

**2. Enable Full-Page Screenshot**
- Type: `screenshot`
- Select: **"Capture full size screenshot"**
- Chrome will capture the entire page (even parts not visible)

**3. Save File**
- File downloads automatically to Downloads folder
- Rename to: `ph-screenshot-01-pricing-1920x1080.png`
- Move to: `/home/mike/code/FrenoCorp/marketing/product-hunt-assets/screenshots/`

**4. Repeat for All Pages:**

| # | Page URL | Filename |
|---|----------|----------|
| 1 | `scripter.app/pricing` | `ph-screenshot-01-pricing-1920x1080.png` |
| 2 | `scripter.app/features` | `ph-screenshot-02-features-1920x1080.png` |
| 3 | `scripter.app/` | `ph-screenshot-03-home-1920x1080.png` |
| 4 | `scripter.app/waitlist` | `ph-screenshot-04-waitlist-1920x1080.png` |

---

## Method 2: Firefox Screenshots (Alternative)

**1. Open Firefox**
- Navigate to page (e.g., `scripter.app/pricing`)

**2. Take Screenshot**
- Right-click anywhere on page
- Select "Take Screenshot"
- Click "Save full page" (top right)
- Download

**3. Save and Rename**
- Follow same naming convention as above

---

## Method 3: Online Screenshot Tool (If browsers don't work)

**Use: https://www.screenshot.guru/**

1. Go to screenshot.guru
2. Enter URL: `https://scripter.app/pricing`
3. Click "Capture"
4. Download PNG
5. Rename and save to screenshots folder

**Note:** May have watermark on free tier

---

## Method 4: Command Line (Advanced)

**If you have Node.js installed:**

```bash
cd /home/mike/code/FrenoCorp
npm install -g pageres-cli

# Capture all 4 pages
pageres https://scripter.app/pricing 1920x1080 --filename=ph-screenshot-01-pricing
pageres https://scripter.app/features 1920x1080 --filename=ph-screenshot-02-features
pageres https://scripter.app/ 1920x1080 --filename=ph-screenshot-03-home
pageres https://scripter.app/waitlist 1920x1080 --filename=ph-screenshot-04-waitlist

# Move to correct folder
mv ph-screenshot-*.png marketing/product-hunt-assets/screenshots/
```

---

## Quality Checklist

After capturing, verify:

- ✅ Resolution is 1920x1080 or higher
- ✅ No browser chrome (URL bar, tabs, bookmarks)
- ✅ Page loads completely (no lazy-loading issues)
- ✅ Text is crisp and readable
- ✅ Colors match brand (no weird color shifts)
- ✅ File size < 2MB each (optimize if needed)

---

## After Capture: Submit to Product Hunt

**Minimum for submission: 2 screenshots**

1. Go to: https://www.producthunt.com/posts/new
2. Fill out form:
   - **Name:** Scripter
   - **Tagline:** Write screenplays faster, collaborate better, ship anywhere
   - **Website:** https://scripter.app
   - **Category:** Apps
   - **Launch Date:** May 7, 2026
3. Upload:
   - Thumbnail: `/marketing/product-hunt-assets/thumbnail/thumbnail-primary-240x240.png`
   - Screenshots: Any 2+ from the 4 you captured
4. Copy/paste maker comment and first comment from:
   - `/marketing/product-hunt-submission-content.md`
5. Click "Submit for Review"

**Review time:** 24-48 hours  
**You'll get:** Email when approved

---

## Troubleshooting

**Problem:** Pages show login wall
- **Solution:** Use incognito/private mode, or capture logged-out state

**Problem:** Pages look broken
- **Solution:** Clear cache, hard refresh (Cmd+Shift+R)

**Problem:** Screenshot is too long (2000+ lines)
- **Solution:** Crop to 1920x1080 in image editor, or use "Capture visible viewport" instead

**Problem:** File size too large (>5MB)
- **Solution:** Use TinyPNG.com to compress

---

**Questions?** Check `/marketing/product-hunt-assets/STATUS.md` for full context.
