需分层验证网站：先检查静态资源完整性，再测试交互逻辑，最后用目标用户视角校验语义与无障碍。具体包括扫描HTML/CSS/JS路径、离线预览、自动化回归测试、断点调试、角色化文案评估、搜索热力分析及Lighthouse无障碍检测。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想在AionClaw完成网站生成后，立刻验证页面结构、交互逻辑、内容准确性及目标用户触达效果，而不是凭感觉判断“看起来差不多”——这需要分层验证：先看静态输出是否完整，再测动态行为是否符合预期，最后用真实用户视角反推设计意图是否落地。
检查生成网站的静态完整性
打开AionClaw主界面 → 左侧导航点击【数字专家】→ 选择「前端架构师」角色 → 输入：“分析当前已生成的网站项目，列出所有HTML页面路径、CSS资源引用状态、JS模块加载情况，并标出缺失或404的静态资源”。
AionClaw会扫描输出目录（默认为dist/或build/），比对index.html中link/script标签的href/src路径与实际文件是否存在，自动标记断链。【必须确保生成动作已完整执行完毕且未手动删改输出目录中的文件】若中途终止构建或清空过dist文件夹，检测结果将漏报。
直接双击打开dist/index.html，在浏览器地址栏确认URL以file://开头。此时禁用网络，刷新页面——如果所有文字、图片、按钮都正常显示，说明静态资源已内联或本地化；若出现空白、错位或图标丢失，说明仍有CDN依赖未处理。
验证核心交互是否按需求触发
方法一：用预设测试用例快速回放
在【自动化 (RPA)】页顶部搜索栏输入“网站交互回归测试” → 运行该技能 → 按提示选择你生成的网站本地路径（如C:\my-site\dist）→ 技能自动启动无头浏览器，依次执行：点击导航菜单→输入搜索框→提交表单→跳转至详情页→返回首页。每步失败时会在控制台标红并截图存入test-reports/。
方法二：人工注入断点观察行为流
用VS Code打开dist/同级的源码目录 → 在关键逻辑文件（如src/components/SearchBar.vue或src/utils/formValidator.js）中，找到submit事件处理函数 → 在第一行插入debugger; → 重新运行AionClaw的“本地预览”技能 → 浏览器触发断点后，检查console中打印的表单值、network标签里是否有冗余请求、elements中class是否按条件动态添加。
用目标用户视角做语义层校验
第一步：启动用户身份模拟器
回到【数字专家】页 → 切换角色为「社区团购团长」→ 输入：“以团长身份浏览刚生成的网站首页，指出3处不符合其日常操作习惯的文案或控件布局（例如：不说‘SKU管理’而说‘怎么让不同颜色尺码分开显示’）”。
第二步：比对搜索词热力
在【对话任务】中粘贴你前期生成的压力测试样本（20条不同身份用户的首屏搜索词）→ 输入：“逐条在当前网站搜索框中输入这些词，记录哪些词触发了空结果页、哪些词被自动纠错、哪些词直接跳转到错误分类页”。
第三步：检查无障碍基础指标
按下F12打开浏览器开发者工具 → 切换到Lighthouse标签 → 点击“生成报告” → 勾选“无障碍”“SEO”“最佳实践”三项 → 点击“分析” → 重点查看“对比度不足的文字”“缺少alt属性的图片”“表单控件无关联label”三类问题数量。【若任一问题数＞5，则需返回源码修复，不可跳过】
