Google Stitch Workflow

Use Google Stitch primarily as a design exploration and screen-iteration system. For greenfield apps, once a screen direction is accepted and exportable code is available in the active environment, use the generated HTML/CSS as the translation base rather than recreating the design from screenshots by hand.

This skill separates three concerns that are often conflated:

• verified MCP capabilities in the current environment
• browser-only Stitch product features
• optional local workflow conventions that improve traceability

Use this skill when the task involves one or more of:

• inspecting Stitch projects and screens before making changes
• generating a new screen from a text prompt
• refining an existing generated screen with small, controlled edits
• organizing a multi-screen redesign effort without losing revision history
• converting vague design requests into structured prompts