UI图标准测试用例生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_c3b299c0/qkym。
技能介绍
要解决的问题
在 QA 阶段,很多测试点来自页面可见元素,而不是文档描述:输入框是否允许空值、下拉框选项是否完整、按钮置灰后是否仍可触发、弹窗关闭是否影响状态、文案是否存在截断。人工从 UI 设计图、原型图 或页面截图里逐项整理,容易遗漏边界和异常路径,也很难保证同一页面的用例粒度一致。
技能如何工作
该技能的核心输入是图片,不需要额外补充需求描述。它会先识别页面结构,包括 页面名称、顶部导航、输入框、下拉框、单选 / 复选、按钮、弹窗、图标、分页、跳转入口、置灰状态、默认值和提示语;再按模块拆分功能点,例如把“新增弹窗”中的可填写字段单独归成一组用例。输出会分两层:先给出思维脑图形式的测试点,再展开为步骤编号清晰的详细用例,并自动标记 高 / 中 / 低 优先级。覆盖维度包括正常场景、边界值、异常输入、空值、特殊字符、按钮状态、弹窗确认或关闭、页面跳转、文案显示以及兼容性视觉检查。
适用边界
它更适合用于前端页面、表单、弹窗、列表、导航和状态切换等可见交互的测试设计;若设计图模糊、隐藏状态未展示、交互依赖后端接口或登录态,则需要结合 PRD、接口契约和实际运行环境补充判断。它不是接口测试、性能测试或安全测试的替代品,最终用例仍需评审。
使用场景
- 收到前端 UI 设计稿后,快速生成页面字段、按钮、弹窗和跳转入口的测试点。
- 评审表单页截图时,按输入框、下拉框、空值、特殊字符等维度拆解用例。
- 处理多页面原型图时,将各页面弹窗、导航、分页和置灰状态分开输出用例。
- 准备测试评审材料前,把可见交互整理成带高 / 中 / 低优先级的可执行用例。
适合人员
- 负责 Web 页面测试的 QA,拿到 UI 截图后需要快速生成可见交互用例。
- 参与测试方案评审的测试负责人,需要把设计稿拆成模块级、优先级清晰的用例。
- 负责表单和弹窗验收的前端工程师,需要检查输入、按钮、状态与文案边界。
- 对接产品验收的交付工程师,需要把多页原型图转成可执行的验收测试点。