user-flow-design

Name: user-flow-design
Availability: InStock
Author: Houke

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

Ready to run

npx skills add https://github.com/houke/nexus-playground --skill user-flow-design

💬 Prompt for ChatGPT / Claude Chat▼

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.