用途：设计或修复页面结构，包括外壳（shell）、区域划分、宽度限制、响应式行为以及由哪个区域负责滚动，强调基于真实内容而非占位内容。
主要能力：先盘点实际路由、共享区域、设计令牌与基础组件，再决定是否新建外壳；区分阅读面、对比面与工作区，避免所有页面套用同一仪表盘模板；按 DOM/阅读顺序映射区域、关键对齐、宽度上限与滚动归属，识别跨路由持久存在的区域；决定保留、修复、精修还是重构现有布局；依据内容压力定义窄屏变化机制（换行、堆叠、移入抽屉或局部滚动）；使用内在尺寸、可收缩的 grid/flex 子项与局部溢出处理宽数据。
使用方式：产出区域图或实现，包含响应式行为、共享归属与验收检查。提供布局计划模板：Surface、Shells、Regions in reading order、Shared dimensions、Responsive behavior、Acceptance checks。测试真实长标签、稀疏与密集内容、窄/中/宽尺寸及文字放大；固定宽度下比较短路由与长路由，并打开浮层观察持久区域是否移动。规划请求需清晰结构，构建请求需渲染结果。
适用场景：落地页、仪表盘等页面结构规划与实现。
限制：不用于决定页面内容或内容优先级（应使用 $hierarchy）；不用于选择令牌值或主题配对（应使用 $tokens），缺少令牌系统不构成阻碍，可复用已检测值并记录缺口；不用于视觉特征、排版与结构之外的打磨（应使用 $craft）。不要为填充区块骨架而编造推荐语、指标或价格。常见陷阱：页面 overflow: hidden 会掩盖过宽元素，应修复不收缩的子项（常缺 min-width: 0）；跨路由跳动的区域通常取自各页内容尺寸，应给持久区域共享尺寸；滚动容器嵌套会困住滚轮并干扰键盘滚动；共享宽度写在多个文件中会漂移，应只定义一次；示例内容会掩盖布局失败，需测试最长真实标签、空状态与错误状态。