用途：该技能用于按 Material Design 3（M3）Expressive 的布局与间距原则实现清晰、有组织、响应式的界面，关键词包括 M3、布局、间距、网格、响应式设计、断点、尺寸层级、海拔、内边距与外边距。
主要能力：提供 4dp 间距刻度与语义化间距令牌；定义断点（600px、905px、1240px 等）与 4/8/12 列响应式网格；给出按钮、卡片、对话框、列表、导航栏等组件的间距规范；用尺寸层级（Hero、Primary、Standard、Secondary、Tertiary）建立视觉重点；定义 5 级海拔阴影与表面着色；支持容器查询、显式与隐式分组、背景模糊与深度分层；规定交互状态层不透明度（悬停 8%、聚焦/按下 12%、拖拽 16%、禁用内容 38%）与最小 48×48dp 触控目标。
使用方式：以 CSS 自定义属性定义间距、断点、海拔等令牌，采用移动优先的媒体查询与 CSS Grid/Flexbox 实现布局，组件级响应式使用容器查询。资料中给出的必要命令与代码片段保持原样，例如 :root 中的 --md-sys-spacing-、--md-sys-breakpoint-、--md-sys-elevation-* 变量定义，以及 .layout-grid、.card、.dialog 等示例样式。
适用场景：需要遵循 M3 规范构建跨屏幕尺寸的 Web 界面、组件库或设计系统时使用。
限制：资料未提供安装命令、收费方式、平台支持范围或具体效果数据；部分内容（如性能注意事项末尾）在资料中不完整，暂未提供完整说明。