开发自测用原子级检查项、测试验收用场景化清单、产品确认用业务价值核对表，三类标准分别聚焦dom属性校验、用户可见行为验证、可量化业务结果，避免模糊描述与技术混杂。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要为同一套前端页面生成开发自测、测试验收、产品确认三类视角的验收标准，但豆包默认输出常混杂技术细节与业务语言，导致开发漏掉无障碍校验、测试忽略状态一致性、产品无法判断埋点是否生效。
开发自测用原子级检查项
第一步：在豆包输入框中输入“列出登录页所有可交互元素的DOM属性校验点”，不加任何修饰词或上下文。
第二步：等待返回后，手动删除其中带“用户体验”“视觉反馈”“响应迅速”等模糊描述的条目——【Copilot会混入非原子级描述，必须人工过滤】。
第三步：将剩余条目按HTML标签归类，例如类保留type、required、autocomplete值校验；
测试工程师用场景化验收清单
方法一：角色+动词锚定
在豆包中输入：“你是一名资深Web测试工程师，正在验收仪表盘页面。请生成12条场景化验收项，每条以‘当…时，应…’句式开头，覆盖：① 用户首次访问无缓存状态；② 连续3次输错密码后锁定机制；③ 切换深色模式后所有图表颜色适配。不写技术实现，只描述用户可见行为。”
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
方法二：失败案例反向驱动
输入：“以下5个真实线上故障需被覆盖进验收清单：① 时间选择器在iOS Safari中无法滚动；② 表单提交后刷新页面导致数据重复提交；③ 柱状图Y轴数值为负数时标签重叠；④ 多语言切换后日期格式未同步变更；⑤ 网络中断时加载骨架屏未降级显示离线提示。请据此生成对应验收项，每条含明确触发条件与预期结果。”
产品经理用业务价值核对表
① 打开豆包 → 粘贴当前页面的PRD核心目标段落（例如：“降低新用户注册流失率至15%以内，关键路径压缩至3步”）→ 输入：“基于以上目标，生成5条业务价值核对项，每条必须包含：用户动作（如‘点击注册按钮’）、系统响应（如‘自动填充手机号前缀’）、业务结果（如‘减少1次手动输入，预计提升完成率2.3%’）。”
② Copilot返回后，检查是否出现“提升体验”“优化流程”等空泛表述——【出现即判定失效，需退回重写】。
③ 将每条核对项中的“业务结果”部分替换为可验证指标，例如把“提升完成率”改为“注册成功页曝光UV提升17.2%→基于2026年Q2灰度实验组AB测试日志计算”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
