skills.rest
DevXoje
DevXojeCOMMUNITY
Explore all skills by this author →
GitHub

extracting-stitch-mockups

Download Stitch mockup images from Google Stitch project pages.

Updated Dec 28, 2025
Search Tags:#automation#download#mockups#feature-detection#stitch#design-exports
One-click install
npx skills add https://github.com/DevXoje/gerocare --skill extracting-stitch-mockups-devxoje
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: extracting-stitch-mockups
Source: https://github.com/DevXoje/gerocare/tree/main/.cursor/skills/extracting-stitch-mockups
Command: npx skills add https://github.com/DevXoje/gerocare --skill extracting-stitch-mockups-devxoje

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the extraction and download of Stitch mockup images from Google Stitch project pages, reducing manual effort for designers and product teams.

Core Features & Use Cases

  • Auto-detection & export: Automatically identifies the target feature directory based on the Stitch project title and saves images to design-intent/google-stitch/{feature}/exports.
  • Image extraction & download: Locates mockup images hosted on lh3.googleusercontent.com/aida/ URLs and downloads them to a local exports folder.
  • Use Case: Imagine you generated mockups for Eco-Travel Home Screen and want to archive them in the corresponding feature folder for handoff to the design team.

Quick Start

  • Use the Stitch Mockups Extractor to extract and save mockups by providing a Stitch project URL.
  • The script will resolve the feature directory, download the mockups to exports, and produce a summary report

Frequently Asked Questions about extracting-stitch-mockups

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically download Google Stitch mockups to a local feature directory?▼

You can download Stitch mockups automatically by providing a Stitch project URL. The skill auto-detects the target feature directory, resolves the exports path under design-intent/google-stitch, and downloads the mockup images locally.

How can I extract images from lh3.googleusercontent.com URLs in my Stitch project?▼

The skill locates mockup images hosted on lh3.googleusercontent.com/aida/ URLs within your Stitch project page and downloads them directly to your local exports folder using a Python utility script.

Where are downloaded Stitch mockup images saved in the project structure?▼

Extracted Stitch mockups are saved to the design-intent/google-stitch/{feature}/exports directory. The skill resolves this output path automatically by detecting the target feature directory based on the Stitch project title.

Do I need Python to run the Stitch mockups extraction script?▼

The extraction workflow uses a local Python script, scripts/extract_images.py, which resolves the output directory and performs image downloads via urllib.request. You just need to provide the Stitch project URL to initiate the process.

What happens after the Stitch mockup images are downloaded to the exports folder?▼

After extracting and downloading your Stitch mockups, the script manages project generation status and produces a summary report. This helps you track which images were successfully archived for your design team handoff.

Related Skills

Explore More Design & Creative Skills→
joaquimscostajoaquimscosta
21

extracting-stitch-mockups

Extract Stitch mockup images from Google Stitch project pages via Playwright.

Community
Advanced
cafe3310cafe3310
248

long-chat-task-processor

Transforms Markdown chat archives into structured project documentation and actionable knowledge assets.

Community
Advanced
ThiagoVitaleThiagoVitale

gsd-cleanup

Archive completed milestone phase directories in project repositories.

Community
Intermediate
poko8nadapoko8nada

image-search

Search PAKUTASO for Japanese stock images and download selected photos.

Community
Intermediate