Stitch UED Guidelines

This skill serves as a reference for User Experience Design (UED) guidelines when working with Stitch. It includes interaction principles, visual vocabulary, and prompt engineering strategies.

When to use this skill

Use this skill when:

• The user asks about layout or style terms (e.g. Masonry, Glassmorphism, Sidebar) or device constraints (mobile vs desktop width, touch targets).
• You need to structure or improve a Stitch prompt (Context → Layout → Component → Content) or ensure consistent UED wording.
• You are coordinating with stitch-ui-designer and need UED/accessibility/design-system alignment alongside Stitch generation.

For transforming vague ideas into a full Stitch prompt, use stitch-ui-prompt-architect; combine both when you want structure + vocabulary (this skill) and concrete prompt output (prompt-architect).

Design Modes (Model Selection)

Stitch operates in two distinct modes, which you should choose based on the user's need for speed vs. fidelity: