Agent Skills
返回列表
🔒

交互式UX审计

IT 运维与安全 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/ux-audit。

技能介绍

解决静态审查的盲区

传统自动化测试和静态 DOM 扫描很难捕捉交互层的暗病:按钮点击后既没发请求也没 DOM 变化、导航到某个页面后控制台开始刷警告、表单提交后无反馈、布局在某个断点突然崩掉。交互式 UX 审计要求以真实用户身份打开浏览器,真正完成打字、点击、发送、观察、截图,再基于证据给出判定,而不是依赖源码或快照推断。

核心能力与关键步骤

技能按六个阶段推进:Pre-flight 完成人物锁定、浏览器工具检测与能力测试;Discovery 生成站点地图和交互元素清单;Walkthrough 穷举清单、多面板压力与实时冒烟;Polish 做视觉打磨扫描;Stress 跑 11 个场景电池;Verdict 输出硬门记分卡与发现列表。

几个关键方法值得注意:

  • 实时交互冒烟:对每个控件点击后检查 Network 是否发出正确请求,以及 DOM 是否有可见变化;两者都无变化即记为静默失败。
  • 首次用户视角:如果新用户必须借助“后台帮助”才能完成主任务,就记一条发现。
  • 往返工作流完整性:每个 A→B→A 流转都做往返检查,防止状态污染。
  • 认证中途失效:已登录路由返回 401/403 时,不要静默重登,而是停止、记录断点,以 Incomplete 终止并建议重跑。
  • 视觉打磨扫描:覆盖 10 类“AI 痕迹”,每次挑 3 个最高影响类别深入,其余标为“已扫无发现”。

判定状态只有四种:Pass、Conditional Pass、Fail、Incomplete。控制台警告最低为 High,网络 5xx 自动 Critical;交互清单缺必需项或某阶段未跑时,唯一合法判定是 Incomplete。

适用边界

它不替代自动化功能测试,而是专注体验层审计。没有可用浏览器工具(Chrome MCP / Playwright MCP)时无法做真实交互,需要先连接。输出为结构化 UXAuditArtifact,每条发现都包含复现步骤、证据路径与可疑代码位置,可交给下游技能修复或回归。

使用场景

  • 前端团队在后台系统上线前,用 Agent 模拟真实用户点击每个按钮,检查是否发出请求和 DOM 变化,发现静默失败控件。
  • 产品经理验收多角色协作工具时,走查表单提交、异步校验和分页,确认无控制台警告和 403/404 错误。
  • QA 工程师对营销活动页进行多视口压力测试,检查布局崩塌、溢出和文本裁切,记录响应式过渡点。
  • 开发团队修复认证 bug 后,运行一次完整审计,确认中途失效时不会静默重登,而是记录断点并终止。

适合人员

  • 前端开发者:需要在发布前发现交互层静默失败、控制台错误和布局崩塌,减少手动回归成本。
  • QA 工程师:希望用 Agent 模拟真实用户操作,补充自动化测试覆盖不到的 UX 缺陷。
  • 产品经理:负责内部工具或后台系统,需要验证复杂交互流程是否完整,避免上线后体验问题。
  • 全栈工程师:在 dogfood 阶段想以首次用户视角走查应用,找出需要后台帮助才能完成的任务。