skills.rest
niltsiar
niltsiarCOMMUNITY
Explore all skills by this author →
Website𝕏@niltsiarGitHub

user-flows

Document end-to-end user journeys and type-safe navigation route contracts.

1|Updated Nov 26, 2025
Search Tags:#navigation#ux#wireframe#journey-mapping#user-flow#flow-diagram
One-click install
npx skills add https://github.com/niltsiar/kotlin_multiplatform_pokedex --skill user-flows
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: user-flows
Source: https://github.com/niltsiar/kotlin_multiplatform_pokedex/tree/main/.agents/user-flows
Command: npx skills add https://github.com/niltsiar/kotlin_multiplatform_pokedex --skill user-flows

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mapping and documenting end-to-end user journeys and navigation contracts to ensure consistent UX and clear handoffs.

Core Features & Use Cases

  • End-to-end journey mapping across multiple screens, capturing entry/exit points, actions, and responses
  • Navigation contracts design with route objects, parameters, and transitions to enable type-safe navigation
  • Decision points and flow diagrams to visualize branching, error handling, and recovery
  • Reference: Journey mapping templates in resources/journey-mapping-template.md for example formats

Quick Start

Define a simple end-to-end user journey by outlining the entry point, screen sequence, and navigation route contracts.

Frequently Asked Questions about user-flows

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

FAQPage Schema
How do I document end-to-end user journeys for multi-screen flows?▼

You map end-to-end user journeys by capturing entry and exit points, actions, and responses across multiple screens to ensure consistent UX and clear handoffs.

What is a navigation contract and how does it define type-safe routing?▼

A navigation contract defines route objects, parameters, and transitions to enable type-safe navigation. It establishes strict route agreements that prevent broken paths during deep-link routing and implementation.

How do I create flow diagrams with decision points and error handling?▼

Create flow diagrams by mapping decision points to visualize branching paths, error handling, and recovery states. This documents complex navigation logic and guides both design and implementation stages.

Can I use a journey mapping template for onboarding experiences and deep-link routing?▼

Yes, you can apply journey mapping templates to onboarding experiences and deep-link routing across platforms. These templates provide example formats for defining type-safe route contracts and flow sequences.

What's the best way to map navigation contracts for cross-platform multi-screen flows?▼

The best way to map navigation contracts is to define type-safe route objects, parameters, and transitions that capture decision points and flow diagrams, ensuring consistent UX across platforms.

Related Skills

Explore More Design & Creative Skills→
rachel353rachel353

ia-structure

Generate Information Architecture and file structure from user stories and conceptual models.

Community
Intermediate
Vantoan252003Vantoan252003

core/router/ — Navigation

Implement auth-aware GoRouter navigation with redirects, shell routes, and typed extras.

Community
Advanced
ngochuy13ngochuy13

wireframe-helper

Create annotated ASCII wireframes for page layouts and responsive behavior.

Community
Basic
micserrmicserr

toge:user-journey

Generate user journey maps and flow diagrams in Mermaid and Markdown.

Community
Intermediate