✅ 【Trae前端验收】页面校验结果：每条验收项含精确CSS选择器、状态、像素值、触发条件、校验方式五要素，支持截图比对/DOM检查/颜色检测，缺一不可。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在Trae中生成可直接用于开发自测、QA回归、上线前核验的前端验收标准，不是笼统说“样式一致”“功能正常”，而是每一条都能被截图比对、DOM检查或颜色值检测验证，缺一不可。
用原子化视觉锚点锁定UI细节
打开Figma设计稿或交付图，在每个需验收的组件旁手写标注【CSS选择器+像素级属性+触发时机】三要素。例如登录按钮悬停效果必须写成“button.login-btn:hover→background:#007bff→border-color:#0056b3→transition:all 0.2s ease”。【CSS选择器必须精确到class层级，不能写成“登录按钮”这种语义描述】
Figma自动导出的选择器常带随机哈希，必须人工替换为项目真实class名，否则Trae生成的验收项无法映射到实际DOM节点。
把所有手写标注拍照或转文字，连同设计稿链接一起输入Trae，开头加一句：“请按以下原子化锚点生成验收标准，每条必须含选择器、状态、像素值、触发条件、校验方式五项。”
立即学习“前端免费学习笔记（深入）”；
按平台语气改写验收提示词
先确认你要发消息的平台：飞书用轻快emoji句式，钉钉用稳重主谓宾结构，企业微信偏中性正式。打开该平台已上线Bot的消息截图，看通知类消息是否带emoji、动词偏好（如飞书爱用“搞定啦～”，钉钉倾向“请您上传…”）。
方法一：飞书风格
原提示：“页面验收已完成。”→ 改为：“✅ 页面验收搞定啦～”
原提示：“校验失败，请检查配置。”→ 改为：“⚠️ 配置有点小问题，点这里快速定位 ?”
【禁止连续使用两个以上感叹号或省略号，否则会被判定为非专业Bot行为】
方法二：钉钉风格
原提示：“请上传截图。”→ 改为：“请您上传页面截图，我们将立即进行人工复核。”
原提示：“等待中…”→ 改为：“系统正在同步校验中，请您稍候。”
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
所有平台都必须在首行明确标注触发动作来源，例如：“【Trae前端验收】页面校验结果”。【缺少来源标识的消息，在钉钉和企业微信中容易被折叠或归入“其他消息”】
让AI先输出判断标准再生成清单
第一步：在Trae对话框中输入以下提示词（一字不改）：
“请严格分两步响应：① 先用‘【判断标准】’为标题，只列出4条用于判定本验收清单是否合格的核心标准；每条标准必须含具体文件名、命令、路径、端口、HTTP状态码或时间戳等可核查要素，禁止出现‘确保’‘确认’‘检查’等动词开头；② 再用‘【验收清单】’为标题，逐项对应上述标准生成带□符号的可勾选项。现在只输出第一步。”
第二步：拿到AI输出的4条标准后，立刻做三道卡口验证：
① 每条是否能转成一行可执行命令？例如“/dist/index.html中包含
