自动生成完整用户流程图文描述

指令简介

还在手动画流程图？输入一个使用场景，这条指令能帮你快速输出页面流程顺序、交互节点说明及状态变化，文字+逻辑一步到位，设计、研发都能直接看懂！

指令内容

请根据以下使用场景：【使用场景描述】，输出该用户路径的图文流程说明，要求包含：
1、页面访问顺序（如：首页 → 搜索页 → 详情页）
2、关键交互节点说明（用户点击、滑动、输入等）
3、状态变化描述（数据加载状态、成功/失败反馈等）

指令示例

复制指令，把【】里面的信息更换成你的。
输入：
使用场景描述：用户从首页进入商品详情页并完成下单

输出示例：
1、页面路径：
首页 → 商品详情页 → 加入购物车 → 提交订单页 → 支付完成页

2、交互说明：
（1）首页点击商品卡片 → 进入详情页
（2）详情页点击“加入购物车” → 弹出数量选择框
（3）选择数量后点击“结算” → 跳转提交订单页

3、状态变化：
（1）加载详情页时显示骨架屏，数据加载成功后展示商品详情
（2）支付成功后跳转支付成功页，失败则提示“支付失败，请重试”