frontend-experience-extractor

用途：该技能扮演高级 UX 与行为分析师，目标是从前端组件或模块源码中提取确切的行为体验，产出 experience.md 文件，描述 UI 如何表现、如何响应用户输入、支持哪些流程，以及各字段、区块或操作在何时渲染、隐藏、禁用或只读。它补充 layout.md（负责结构），layout.md 说明“有一个按钮”，而 experience.md 描述点击动画、触发的加载状态、随后的成功提示，以及哪些角色可看到或使用。输入为组件或模块源码路径，输出保存至 specs/features/<feature-name>/experience.md，目录不存在则创建。输出结构包括：用户流程与导航（正常路径、边缘情况如空状态、大数据集、取消操作；表单流程如分步交互）；交互与微交互（悬停、激活、聚焦状态反馈；状态间动画过渡；加载状态位置与方式）；状态管理与逻辑（本地 UI 状态、全局/异步状态、验证反馈出现时机；可见性与授权规则，包括谁可见、角色差异如 admin、vipUser、owner-only、租户范围用户，admin 覆盖，功能开关、套餐、账户状态、所有权条件，隐藏与禁用与只读的区别）；无障碍行为（键盘导航流程如 Tab 顺序、Esc 关闭，屏幕阅读器播报预期）。限制：不追求像素级样式，用描述性术语如“平滑过渡”而非具体时长曲线；须完整捕获原始 UI 的动画意图与授权、可见性、条件渲染逻辑，遗漏即为失败。具体模型、收费与价格信息暂未提供。