skills.rest
houke
houkeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

user-flow-design

Map user journeys and define interaction patterns for web and mobile applications.

Updated Jan 25, 2026
Search Tags:#design#documentation#UX#wireframes#journey-mapping#user-flow#interaction-patterns
One-click install
npx skills add https://github.com/houke/nexus-playground --skill user-flow-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: user-flow-design
Source: https://github.com/houke/nexus-playground/tree/main/.github/skills/user-flow-design
Command: npx skills add https://github.com/houke/nexus-playground --skill user-flow-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers map user journeys and define interaction patterns to improve user experience.

Core Features & Use Cases

  • Documentation templates for journey mapping, wireframes, and interaction patterns
  • Standardized wireframe conventions and UX guidelines
  • Practical examples across web and mobile products

Quick Start

  • Create a new flow using the provided templates to map a simple onboarding journey.
  • Reference REFERENCE.md and wireframe-checklist.md to align with established practices.
  • Use the templates to generate a complete flow diagram and corresponding wireframes.

Frequently Asked Questions about user-flow-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a user flow for a mobile onboarding journey?▼

To design a mobile user flow, use provided documentation templates to map the onboarding journey, apply standardized wireframe conventions, and define interaction patterns to guide user experience.

What templates are included for user flow design?▼

The included templates cover journey mapping, wireframes, and interaction patterns, providing standardized UX guidelines and conventions to help you generate complete flow diagrams for web and mobile applications.

Can I use these wireframe conventions for both web and mobile applications?▼

Yes, the wireframe conventions and interaction-pattern guidance apply to both web and mobile products, supporting feature discovery, onboarding flows, and general product design documentation.

How do I start creating a user journey map using these documentation templates?▼

Start by creating a new flow with the provided templates to map a simple onboarding journey. Reference wireframe-checklist.md and REFERENCE.md to align with established UX practices and generate wireframes.

What is the best way to standardize interaction patterns across web and mobile products?▼

The best way to standardize interaction patterns is to apply provided UX guidelines, wireframe conventions, and documentation templates to define consistent flows across web and mobile products.

Are the user flow design templates suitable for feature discovery flows?▼

Yes, the templates and interaction-pattern guidance are designed for feature discovery flows, onboarding journeys, and general product design across web and mobile applications.

Related Skills

Explore More Design & Creative Skills→
Productfculty-aipmProductfculty-aipm
70

journey-mapping

Map end-to-end user journeys with touchpoints, emotions, and friction points.

Community
Advanced
teslasoft-deteslasoft-de
1

interaction-design

Design interaction patterns and state machines for user flows and prototypes.

Community
Advanced
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced
jasonmichaelbell78-creatorjasonmichaelbell78-creator

ux-researcher-designer

Generate data-driven personas and journey maps from user data.

Community
Advanced