What problem does it solve? Designing coherent user experiences across screens, devices, and channels is hard: flows break at decision points, users abandon mid-task, and cross-channel handoffs lose context. This Skill structures the end-to-end design of any user journey so friction, edge cases, and variations are addressed before implementation. ## Core Features & Use Cases - End-to-End Flow Mapping: Designs complete journeys from entry point to outcome, including decision branches, error recovery paths, and re-entry after interruption. - Device & Context Variants: Adapts flows for mobile, web, TV, and embedded contexts, plus variations by user type, entry point, and market. - Visualization Output: Produces flow diagrams as self-contained HTML, Figma frames via MCP, or pencil.dev documents using a consistent design-token system. - Use Case: A product manager asks how new users should complete onboarding. The Skill maps the screen-by-screen flow, specifies copy and interaction states, defines success metrics, and renders an HTML diagram of the journey. ## Quick Start Ask the assistant to design the user flow for a specific task, such as "Design the onboarding flow for a new user signing up on mobile."