UI & Web Building

Mobile App UX Flow Architect

Design complete mobile app flows with navigation, gestures, permissions, offline states, errors, accessibility, and platform conventions.

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

Mobile App UX Flow Architect is a free AI skill for ui & web building. Design complete mobile app flows with navigation, gestures, permissions, offline states, errors, accessibility, and platform conventions. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Design complete mobile app flows with navigation, gestures, permissions, offline states, errors, accessibility, and platform conventions. This skill converts user goals, product constraints, existing design evidence, and technical behavior into a structured UX specification.

What it does

The skill analyzes the user journey, product behavior, visual and interaction context, accessibility needs, responsive constraints, edge cases, and available evidence; then produces a professional design plan with clear states, priorities, tests, and implementation criteria.

What is included

  • Mobile context
  • User and task model
  • Navigation architecture
  • Journey maps
  • Screen inventory
  • Interaction rules
  • States and recovery
  • Platform rules

How to use it

1. Download the mobile-app-ux-flow-architect-SKILL.md file
2. Upload it to your design or product workspace
3. Provide the current screens, users, goals, constraints, and evidence
4. Add technical, accessibility, responsive, and brand requirements
5. Use the final specification for design, implementation, and review

Examples

Example input
Design UX flows for a location-based social app with maps, posts, privacy, voting, profiles, and notifications.
Example output
A complete professional deliverable covering user goals, structure, interaction rules, responsive behavior, accessibility, edge states, validation, and implementation criteria.

FAQ

What is this skill for?
It creates a professional, implementation-ready mobile app ux flow architect deliverable.
Can it improve an existing design?
Yes. It can review screenshots, flows, prototypes, specifications, and implementation evidence.
Does it include accessibility?
Yes. Relevant keyboard, focus, contrast, semantics, motion, and assistive-technology requirements are included.
Can it work without analytics?
Yes, but assumptions and hypotheses are labeled clearly until evidence is available.
Does it create final visual files?
It creates the complete design specification and acceptance criteria; visual production can follow from that specification.
How is this different from a generic design prompt?
It defines inputs, workflow, states, constraints, evidence rules, outputs, and implementation criteria.

Related Skills

UI & Web BuildingFree

Command Palette and Power User UX Architect

Design command palettes and keyboard-first navigation with discoverability, search, permissions, shortcuts, recent actions, errors, and accessibility.

ClaudeChatGPT
#command palette#keyboard navigation#power user UX
UI & Web BuildingFree

Responsive Dashboard UX Architect

Design professional responsive dashboards with information hierarchy, navigation, states, tables, charts, filters, accessibility, and mobile behavior.

ClaudeChatGPT
#dashboard UX#responsive design#web app design
UI & Web BuildingFree

Dashboard Widget and Personalization UX Architect

Design customizable dashboards with widget hierarchy, defaults, layout, permissions, empty states, responsive behavior, accessibility, and saved preferences.

ClaudeChatGPT
#dashboard UX#widget design#personalization