What problem does it solve? Designing coherent user experiences across screens, devices, and channels is hard to do systematically. This Skill structures the design of any user-facing flow — from signup to checkout to error recovery — so friction points, decision branches, and state transitions are explicitly mapped rather than improvised. ## Core Features & Use Cases - End-to-End Flow Mapping: Define complete journeys from entry point to outcome, including decision gates, error recovery paths, and re-entry after interruption. - Cross-Platform & Multi-Channel Design: Adapt flows for mobile, web, TV, and embedded contexts, and map journeys that span email, push, app, and support channels. - Visual Diagram Output: Produce flow diagrams as self-contained HTML, Figma frames via MCP, or pencil.dev documents. - Use Case: A product team asks how a new user should move from a marketing email through onboarding to their first published post. The Skill maps each screen, its copy direction, interaction specs, device variants, and success metrics, then renders the flow as an HTML diagram. ## Quick Start Ask the assistant to design the user journey for your onboarding flow, including screen-by-screen steps, decision points, and an HTML flow diagram.
