Plan and analyze UX flows with ASCII diagrams and screen inventories.
npx skills add https://github.com/KRISHNA0R/PORTFOLIOv2 --skill ux-flow-krishna0r
Please help me install this Agent Skill. Skill: ux-flow Source: https://github.com/KRISHNA0R/PORTFOLIOv2/tree/main/.agents/skills/ux-flow Command: npx skills add https://github.com/KRISHNA0R/PORTFOLIOv2 --skill ux-flow-krishna0r
This skill helps product teams plan robust navigation and screen inventories before UI implementation, ensuring coherent user journeys and reduces later rework.
Draft an initial ASCII flow diagram and screen inventory for a simple onboarding flow using hub-and-spoke navigation.
High-intent search queries and answers about installing and using this skill.
The best way to design user flows before screens is to define entry points, exits, and navigation structures using proven UX patterns like hub-and-spoke or progressive disclosure. This approach outlines information architecture principles to ensure coherent journeys.
To plan navigation structures for a multi-screen onboarding flow, define entry points and exits, then apply navigation models like linear flows or hub-and-spoke. This structured approach produces an ASCII flow diagram and a screen inventory.
Yes, you can use UX flow patterns for complex dashboards and checkout processes. The skill applies proven patterns like progressive disclosure to define navigation structures and outline flow rules across these multi-screen product journeys.
To map edge cases and screen inventories for UX flows, analyze the journey using structured information architecture principles. This process outputs deliverables including an ASCII flow diagram, screen inventory, and edge-case coverage.
Planning user journeys before UI implementation reduces rework by ensuring robust navigation and coherent screen inventories. Defining the flow rules and information architecture early prevents structural inconsistencies during later design phases.
motionharvestDetermine page structure and section sequencing using psychological principles.
markus41Generate UI/UX wireframes and mockups in draw.io across fidelity levels.
AI-Foundry-CoreTranslate PRDs into structured user journey maps with states and KPIs.
CANTAGESTUDIODesign information architecture as ASCII diagrams for applications and websites.
