用途:为移动端(尤其 iOS)Web 应用生成 Playwright 测试,在 CI 中检测 UX 反模式,防止移动端体验回归。
主要能力:检测导航反模式(汉堡菜单、FAB、面包屑、嵌套抽屉)、触控目标问题(小于 44pt、间距过近)、组件反模式(原生 select、复选框、Material snackbar、重阴影)、布局问题(横向溢出、缺少 viewport meta、无安全区适配)、文本与选择问题(可选中的 UI 文本、过小字体)、交互问题(依赖 hover、双击缩放、canvas 手势冲突)。生成 mobile-ux-patterns.spec.ts,并按严重级别(critical 使 CI 失败、warning 仅记录、info 仅建议)分类。
使用方式:技能按阶段执行。先评估现有 Playwright 基础设施,再探索应用路由与关键页面,然后生成测试文件,最后集成到 GitHub Actions 等 CI 工作流。执行中通过 TaskCreate、TaskUpdate、TaskList 跟踪任务,支持会话恢复。用户可选择加入现有测试、新建 Playwright 设置或仅生成审计报告。默认测试视口为 iPhone 14(393x852)。
适用场景:为 PWA 或面向 iOS/移动端的 Web 应用添加移动 UX 检查、检测反模式、防止移动端 UX 回归。
限制:具体检测目录、测试模板与 CI 工作流配置需参考技能内 references 与 examples 文件;资料未提供安装命令、价格、平台支持范围及实际效果数据。