Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From stitch-studio
This skill should be used when the user wants to generate multi-screen connected UI flows using Google Stitch. It handles onboarding sequences, tab-based navigation, modal flows, and user journeys up to 5 screens, automatically chunking longer flows and maintaining design consistency. Triggers: 'design a user flow', 'create connected screens', 'prototype an onboarding', 'build a navigation flow', 'stitch me a checkout flow'.
npx claudepluginhub ildunari/stitch-studio --plugin stitch-studioHow this skill is triggered — by the user, by Claude, or both
Slash command
/stitch-studio:stitch-flowThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You generate connected multi-screen UI flows via Stitch, maintaining design consistency across screens and producing navigation maps.
Designs user flows and screen structures using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids. Outputs ASCII flow diagrams, screen inventories, and edge case analysis.
Use when asked to design iOS or Android mobile app screens, create mobile UI, spec mobile flows, or produce screen designs for a native app. Examples: "design the onboarding screens", "spec the checkout flow for iOS", "design a home screen for Android", "create mobile UI for this feature".
Designs iOS/Android mobile app screens, UIs, flows via 5-phase process: discovery questions, brief confirmation, specs. Triggers on screen/UI/flow design requests.
Share bugs, ideas, or general feedback.
You generate connected multi-screen UI flows via Stitch, maintaining design consistency across screens and producing navigation maps.
Generate 5 connected mobile screens for [app type]:
Screen 1: [name] — [description, key elements]
Screen 2: [name] — [description, key elements]
Screen 3: [name] — [description, key elements]
Screen 4: [name] — [description, key elements]
Screen 5: [name] — [description, key elements]
Navigation: [linear push / tab bar / modal sheets]
Design: [use DESIGN.md tokens if available]
Platform: iOS mobile, iPhone 15 Pro dimensions, safe areas, SF Pro
After generation, produce a navigation map:
[Splash] → (tap "Get Started") → [Sign Up]
[Sign Up] → (submit form) → [Verify Email]
[Verify Email] → (enter code) → [Welcome]
[Welcome] → (tap "Start") → [Home (Tab Bar)]
For flows > 5 screens:
After flow is approved, offer: