用途：当需要按 StyleSeed 布局模式搭建新的移动端页面或屏幕时使用该技能。它不适用于在已有页面内组合单个模式（应使用 /ss-pattern）、仅桌面端屏幕、多页导航结构（应先用 /ss-flow），也不适用于微调已有页面（直接编辑文件即可）。
主要能力：读取设计系统参考（CLAUDE.md 的文件结构与约定、components/patterns/page-shell.tsx 的页面布局、top-bar.tsx 的头部模式、bottom-nav.tsx 的导航），并按模板组合页面。模板从 @/components/patterns/page-shell、top-bar、bottom-nav 导入 PageShell、PageContent、TopBar、TopBarAction、BottomNav，导出默认页面组件，结构为 PageShell 包裹 TopBar、PageContent 与 BottomNav。
布局规则：容器 max-w-[430px]；页面背景 bg-background；区块水平内边距 px-6；区块垂直间距 space-y-6；为底部导航预留 pb-24；卡片 bg-card rounded-2xl p-6 shadow-[var(--shadow-card)]；颜色一律使用语义 token，禁止硬编码十六进制值；尽量复用 ui/ 与 patterns/ 中的既有组件；为现代设备加入 env(safe-area-inset-*) 安全区内边距。
生成后必须校验：所有内容位于卡片内；仅用 --brand 作为强调色；无硬编码十六进制值；区块类型交替；数字与单位保持 2:1 比例；间距使用 6px 倍数（p-1.5、p-3、p-6）；单卡片用 mx-6，网格/轮播用 px-6；所有交互元素触控目标 ≥ 44px。发现违规须先修复再交付。
限制：仅在任务与上游来源及本地项目上下文明确匹配时使用；应用变更前需核实命令、生成代码、依赖、凭据与外部服务行为；示例不能替代针对具体环境的测试、安全审查，以及对破坏性或高成本操作的用户批准。