设计循环建站

解决多页静态站点生成的碎片化问题

用 AI 逐页生成静态网站时，最大的问题在于上下文断裂：单独生成的页面常常缺少一致的共享组件，导航链接变成无效的 href="#"，且难以保证每一页都严格遵守统一的设计系统。手动接力让 AI 继续生成下一页也极容易出错，导致风格漂移或死循环。这个技能通过自主编排的循环机制，将单页生成升级为持续迭代的建站流程。

核心能力与工作流

技能的核心是一支“接力棒”（baton）循环机制，通过状态驱动逐步交付完整站点：

• 状态追踪：通过 .design/next-prompt.md 读取当前任务状态，明确页面结构与布局要求。
• 上下文对齐：解析 .design/SITE.md（站点地图）和 .design/DESIGN.md（设计规范），确保新页面严格复用已有的 header、nav 和 footer。
• 无构建集成：生成包含 Tailwind CDN 的单 HTML 文件，无需复杂环境。同时，它会自动更新所有现有页面的导航栏以包含新页链接，并修复所有空锚点。
• 闭环校验：若有浏览器自动化环境，可启动本地服务截取桌面与移动端快照进行视觉校验。
• 任务续接：完成后自动清理已消费项，并根据路线图写下一个页面的接力棒（next_baton）。当所有页面完成时写入 page: _complete。

适用边界与注意点

• 仅支持静态前端：该技能生成的是静态 HTML 页面，不包含后端逻辑、数据库交互或复杂的 CRUD 操作，如需此类功能请配合其他技能使用。
• 依赖严格规范：技能高度依赖 .design/ 目录下的文档质量。若 DESIGN.md 缺失或描述模糊，输出页面的一致性将难以保证。