feat: add OG image to CI with exact 1200x630 dimensions

- Add OG entry to screenshots.yml for documentation/local use
- Generate OG image AFTER retina screenshots to get exact 1200x630
- Overwrites retina 2x version with correct social media dimensions

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: MaxDaten

.github/workflows/main.yml

@@ -27,6 +27,9 @@ jobs:
         run: |
           sed "s|APP_PATH|$(pwd)|g" screenshots.yml > /tmp/screenshots-resolved.yml
           shot-scraper multi /tmp/screenshots-resolved.yml --retina
+      - name: Generate OG preview image (exact 1200x630)
+        run: |
+          shot-scraper shot src/templates/og-card.html -w 1200 -h 630 -o build/img/og-card.png
       - name: Upload pages
         uses: actions/upload-artifact@v6.0.0
         with:

screenshots.yml

@@ -3,7 +3,6 @@
 # Use for layout verification across viewports.
 
 # OpenGraph Preview Image (1200x630) - Social media sharing
-# Note: Uses --no-retina in workflow for exact dimensions
 - output: build/img/og-card.png
   url: file://APP_PATH/src/templates/og-card.html
   width: 1200