Extracts generated mockup images from Google Stitch project pages. Use when user provides a Stitch project URL (stitch.withgoogle.com/projects/...), mentions extracting/downloading Stitch mockups, saving Stitch designs, or wants to archive generated design assets. Requires authenticated Chrome browser profile.
Limited to specific tools
Additional assets for this skill
This skill is limited to using the following tools:
EXAMPLES.mdTROUBLESHOOTING.mdWORKFLOW.mdscripts/extract_images.pyhttps://stitch.withgoogle.com/projects/{id}scripts/extract_images.py with Playwright.google-stitch/{feature}/exports/Determine target feature directory using this fallback chain:
--feature argument provided.google-stitch/{feature}/ directories.google-stitch/uv run playwright install chromium# Basic usage
uv run scripts/extract_images.py "https://stitch.withgoogle.com/projects/123"
# With explicit feature directory
uv run scripts/extract_images.py "https://stitch.withgoogle.com/projects/123" --feature dashboard
# Or run directly (after chmod +x)
./scripts/extract_images.py "https://stitch.withgoogle.com/projects/123"
lh3.googleusercontent.com/aida/... URLs onlyScript checks for "Generating..." status on page:
Images saved to existing feature's exports/ directory:
.google-stitch/{feature}/exports/
├── mockup-1.png
├── mockup-2.png
└── mockup-N.png
mockup-{index}.pngAfter extraction, display summary:
Extracted {N} mockups from Stitch project
Project: {project-title}
URL: {project-url}
Saved to: .google-stitch/{feature}/exports/
- mockup-1.png (400x800)
- mockup-2.png (400x800)
- ...
Feature directory:
.google-stitch/{feature}/
├── prompt-v{N}.md
├── exports/ <- Mockups saved here
│ ├── mockup-1.png
│ └── mockup-2.png
└── wireframes/
--featureSee TROUBLESHOOTING.md for detailed solutions.