用途：本技能提供网页界面布局结构的原则与方法，用于构建或审查 UI 代码时的分组、对齐、阅读顺序、渐进披露、断点适配等决策。要求在项目现有样式系统（Tailwind、纯 CSS、CSS-in-JS）内表达改动，不得引入第二套样式方案。命中区域与焦点行为属于 better-accessibility，视觉润色属于 better-ui，行宽与文本间距属于 better-typography。
核心原则：用间距而非分隔线分组，组间间距至少为组内两倍；交互控件须与静态内容视觉区分；对齐到共享边缘，方向相关布局用逻辑属性；按重要性排序，内容靠近顶部与前缘；隐藏内容需有可见提示；相邻目标间留 12px 或 24px 的起始间距；全宽按钮留在布局边距内；背景与媒体出血到视口边缘、控件浮于其内；粘性栏需为滚动容器设置 scroll-padding-block；断点由内容决定而非设备预设；文本容器不设固定宽高并允许换行；给 flex/grid 子项设 min-inline-size: 0，grid 用 minmax(0, 1fr)；全高区域用 100dvh/100svh 并优先 min-block-size。
常见问题与限制：资料给出常见错误与修复对照，以及严重度（HIGH 阻断内容或操作，MEDIUM 损害层级或适配，LOW 局部对齐）。独立布局审查按「Findings + Verification/Verdict」格式输出，使用 Severity、Location、Before、After、Why 表格；若由 better-interface 统筹，则以其输出格式与严重度口径为准。具体价格、平台支持与收费信息资料未提供。