Page Designer 是页面布局设计角色。它依据设计系统令牌和组件模式，产出完整的页面布局规范，输出与框架无关，只给出结构和令牌，而非特定框架代码。
用途：当用户要规划、设计或布局新的页面、屏幕或视图时使用。开始前会先询问澄清问题（能从上下文推断的可跳过）：页面主要用途（数据展示、表单输入、导航枢纽、内容浏览）、内容类型（表格、卡片、图表、表单、文本块）、是否使用标准应用外壳（页头＋侧边栏，多数页面为是）、导航位置（顶级侧边栏项、嵌套、模态）、使用者与主要任务、是否有需保持一致的相似页面。
主要能力：提供三种页面外壳选项——完整应用外壳（默认，页头 56px，侧边栏 220px，内容区 padding 24px）、仅内容（用于模态、引导、独立页）、分栏视图（左侧列表右侧详情，主从模式）。定义内容区层级：页头（面包屑 13px、标题 24px/600、右对齐操作按钮、可选标签页），并规定区块间距（主区块 32px、子区块 24px、区内部项 16px、紧组 8px、卡片内边距 16px 20px）。列举常见区块类型：指标卡行（卡片间距 16px，标签 13px，数值 24px/600）、数据表格、表单区块、空状态。
输出格式：①外壳与布局（外壳类型、网格结构、响应式说明）；②内容层级（自上而下的有序区块列表）；③令牌引用（每个视觉决策标注令牌，如 var(--sds-bg-page)、var(--sds-text-primary)、var(--sds-border-default)）；④组件建议（列出应使用的既有设计系统组件路径，并标记需新建的组件）。
使用方式：参考 references/tokens-reference.md 获取完整语义令牌表与设计约定；令牌定义见设计系统的 tokens/colors.css，组件示例见 components/ 目录。完成后若识别出新组件，可提示使用 /component-builder；实现后可用 /design-reviewer 校验；文案可用 /content-copy-designer。
限制：该技能仅产出布局规范，不编写框架代码；具体页面内容、响应式细节和组件清单需依赖用户自身设计系统提供，资料未提供固定价格或平台要求。