feat(tools): 添加世界布局草图工具 World Layout Sketcher

三级层次化布局绘图 → AI 解读 → 关卡执行案前置输入

工具特性：
- L1 场景总览（道路/水域/区域/不可通行）→ L2 区域详图（建筑/绿地）
- 双层画布架构：L2 底图显示 L1 内容，绘图层独立操作
- L1↔L2 双向像素缩放同步
- 像素扫描提取连通区域（BFS），输出 bounds + 世界坐标
- JSZip 打包下载（JSON + 独立 PNG 像素文件 + 预览图）
- 加载时从 ZIP 恢复完整画布像素数据

集成更新：
- 新增 .claude/skills/world-sketcher/ 技能定义
- game-designer agent 添加 world-sketcher skill + 布局草图前置步骤
- 关卡设计工作流插入 ③a-③c 子流程

docs/design/关卡设计工作流.md

@@ -22,7 +22,10 @@
     ↓
 ② 阶段路线图
     ↓
-③ 执行案（系统执行案 + 关卡执行案）  ← 关卡执行案在此阶段产出
+③ 执行案（系统执行案 + 关卡执行案）
+    ├─ ③a 世界布局草图（World Layout Sketcher）  ← 用户绘图 + AI 解读
+    ├─ ③b 布局解读文档确认                        ← 用户确认区域布局
+    └─ ③c 关卡执行案                              ← 基于确认后的布局产出
     ↓ [PM 审查：执行案质量门]
 ④ 程序设计
     ↓ [PM 审查：程序设计质量门]
@@ -33,6 +36,12 @@
 ⑦ 版本复盘
 ```
 
+**③a-③c 关卡执行案子流程**：
+
+1. **③a 世界布局草图**：使用 `tools/world-sketcher/sketch.html` 绘图工具，用户用颜色画笔画出世界布局（L1 场景总览 → L2 区域详图），保存 PNG + JSON
+2. **③b 布局解读确认**：AI 分析草图产出布局解读文档（`<场景名>-layout-v<XX>.md`），用户确认区域坐标、连通关系
+3. **③c 关卡执行案**：策划基于确认后的布局解读文档产出关卡执行案，坐标直接采用解读文档中的数据
+
 **v0.1 特殊情况**：由于 v0.1 的 ③执行案质量门已通过（三个系统执行案已批准），关卡执行案作为补充文档在 ④或 ⑥早期补充，PM 做轻量审查。
 
 **v0.2 及以后**：关卡执行案纳入标准 ③执行案阶段，与其他系统执行案一起接受完整质量门审查。