skills.rest
rmethodm
rmethodmCOMMUNITY
Explore all skills by this author →
GitHub

ss-flow

Designs user flows and navigation structures using established UX patterns and heuristics.

Updated May 26, 2026
Search Tags:#prototyping#navigation#ux design#information architecture#wireframe#user flow#screen flow
One-click install
npx skills add https://github.com/rmethodm/resumegen --skill ss-flow-rmethodm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ss-flow
Source: https://github.com/rmethodm/resumegen/tree/main/.agents/skills/ss-flow
Command: npx skills add https://github.com/rmethodm/resumegen --skill ss-flow-rmethodm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Planning how screens connect and how users move through a product is error-prone when done ad hoc, often producing flows with dead ends, missing error states, or too many taps to reach key features. ## Core Features & Use Cases - Flow Diagram Generation: Produces an ASCII flow diagram showing screen connections with clear entry and exit points. - Screen Inventory & Edge Cases: Lists each screen's purpose, key components, and empty/error/loading states. - UX Heuristics Applied: Enforces Progressive Disclosure, Miller's Law, Hick's Law, Hub & Spoke or Linear navigation patterns, and a 3-tap maximum to key features. - Use Case: Before building a new onboarding sequence, run this Skill to map the linear step-by-step flow, define recovery paths for errors, and scaffold the pages with PageShell, TopBar, and BottomNav patterns. ## Quick Start Ask the assistant to design the user flow for a new feature, for example: design the onboarding flow for new users signing up and creating their first resume.

Frequently Asked Questions about ss-flow

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

FAQPage Schema
How do I design a user flow for a new app feature?▼

Define the flow's entry and exit points, then map screens using patterns like Hub & Spoke for dashboards or Linear Flow for forms and onboarding. This Skill outputs an ASCII flow diagram, a screen inventory, and edge cases for each screen.

What navigation pattern should I use for a mobile app?▼

Hub & Spoke is the default for mobile apps: a dashboard links to detail pages and back. Use Linear Flow for forms, onboarding, or checkout, and Tab Navigation with a BottomNav when you have 3-5 top-level sections.

When should I not use a flow design skill?▼

Skip it for implementing a single page, writing copy for individual steps, or producing high-fidelity mockups. It produces a flow map and scaffolded structure, not pixel-perfect designs or final copy.

How many taps should it take to reach key features?▼

A maximum of 3 taps from the home screen to any key feature. Back navigation must always be available except on root screens, and error states must provide recovery paths like retry or go back.

What UX heuristics does flow design apply?▼

It applies Progressive Disclosure to hide complexity, Miller's Law to chunk content into 5-9 item groups, and Hick's Law to minimize choices per screen so users make faster decisions.

Related Skills

Explore More Design & Creative Skills→
maltemdmaltemd

mapping-user-intents-to-copy

Translate user goals and mental models into UI copy from research.

Community
Intermediate
musher-devmusher-dev

writing-information-architecture

Generate section-by-section Information Architecture documents for landing pages from a validated Brand Packet.

Official
Advanced
jftecnologiajftecnologia

generate-ui-design

Generate UI/UX design specification documents from PRD requirements.

Official
Advanced
fen-zxfen-zx

lowfi-prototype-generator

Generates low-fidelity prototype specification documents from page specs and ASCII layouts.

Community
Intermediate