分阶段交付网站开发任务是为了让AionClaw按节奏接管、验证与纠错；需明确最小闭环（如纯静态首页），按页面流或技术栈拆解为边界清晰的子任务，并通过自动验收校验交付物是否达标。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
把网站开发拆成可交付的小阶段，是为了让AionClaw能按节奏接管任务、验证效果、及时纠错，避免一次性堆砌全部功能却无法上线或调试失败。它不接受模糊指令如“做个官网”，但能精准执行“今天生成首页HTML+CSS+响应式适配”这类边界清晰、输出明确的子任务。
先锁定最小可运行闭环
打开AionClaw主界面 → 点击左下角【新建智能体】→ 选择“Web开发协作者”角色 → 在初始化提示框中输入：“只做首页，含Logo区、3个服务卡片、底部版权栏，纯静态，不连数据库，所有资源内联或相对路径”。
这一步必须明确排除动态依赖，【否则AionClaw会尝试调用本地Node服务或请求API，导致生成文件无法直接双击打开】。AionClaw默认倾向“可立即验证”的交付物，首页HTML就是最基础的闭环。
分阶段交付内容与交付物定义
方法一：按页面流顺序拆解
① 第一阶段交付物：index.html（含完整内联CSS+基础交互JS）→ 要求双击即可在浏览器中正确显示三栏布局、悬停动效、移动端折叠菜单；
② 第二阶段交付物：contact.html + 表单校验逻辑 → 要求提交按钮点击后弹出“已收到”提示，不发真实请求；
③ 第三阶段交付物：/assets/css/main.css 单独抽离文件 → 要求index.html通过link标签引用该CSS，且样式无变化；
④ 第四阶段交付物：/images/logo.svg + /images/icon-*.png → 要求所有图片路径可被本地相对路径解析，不依赖CDN。
方法二：按技术栈分层交付
第一层：结构层（HTML骨架）→ 交付语义化标签结构，不含样式类名；
第二层：表现层（CSS模块）→ 每个CSS文件对应一个视觉模块（如header.css、card.css），AionClaw自动注入@import规则；
第三层：行为层（JS逻辑）→ 每个JS文件只处理单一职责（如form-validate.js只管邮箱格式+必填校验）；
第四层：资产层（图片/字体/图标）→ AionClaw自动识别src路径缺失资源，提示你放入对应目录或生成占位图。
用AionClaw自动校验每个阶段是否达标
在完成任一阶段后，右键项目根目录 → 选择“发起交付验收” → AionClaw会启动本地HTTP服务并自动打开浏览器，加载当前阶段产出文件；
它同时运行三项检查：文件是否存在、路径是否可解析、关键元素是否渲染成功（例如检测到#main-card-container存在且有3个子节点）；
若任一检查失败，AionClaw会在控制台标红输出具体缺失项（如“缺少/assets/css/main.css”或“未找到class=‘service-card’的DOM节点”），【此时不要手动修改代码，应重新下发带约束条件的指令，例如‘重生成index.html，确保包含class="service-card"的div且数量为3’】。
