What problem does it solve?
Manually retrieving Stitch screen assets like HTML source code and screenshots is error-prone because Google Cloud Storage URLs frequently fail with standard AI fetch tools, and this Skill bridges the gap between Stitch design output and production code conversion.
Core Features & Use Cases
- Robust Screen Asset Retrieval: Fetches full Stitch screen details including HTML download URLs, screenshot URLs, dimensions, and device type.
- Flexible ID Parsing: Handles multiple input formats for Stitch project and screen IDs, including full resource paths, share URLs, and raw numeric IDs.
- Use Case: After generating UI designs in Google Stitch, use this Skill to get the required assets to convert the design to Next.js, Svelte, React Native, or other production frameworks.
Quick Start
Use the stitch-mcp-get-screen skill to retrieve the HTML and screenshot assets for the Stitch screen at https://stitch.withgoogle.com/projects/123?node-id=456 so you can convert it to production frontend code.