用途：这是 Material Design 3（M3）的总体指南，用于统筹实现 Google 开源设计系统，覆盖从 Material You（M3 Baseline）到 M3 Expressive 的规范演进。它不是具体实现代码库，而是把 M3 拆成七个相互关联的支柱，并指向各自的专项技能。
主要能力：梳理两大阶段。Material You 包含动态色、基调色板、15 种基础字体样式、语义圆角、五级高度、完整组件库与令牌系统；M3 Expressive 增加 30 种字体样式（15 基础 + 15 强调）、35 种装饰形状与形变、基于弹簧参数（刚度、阻尼、速度）的物理动效、跨亮暗主题固定的强调色、标准/中/高三档对比度、新组件（分离按钮、按钮组、浮动工具栏、FAB 菜单）、背景模糊与触觉反馈。
七个支柱与对应专项技能：颜色与动态主题（material-design-3-color）、动效与动画（material-design-3-motion）、排版（material-design-3-typography）、形状与容器（material-design-3-shape）、布局与尺寸层级（material-design-3-layout）、组件（material-design-3-components）、图标（material-design-3-icons，Material Symbols，2500+ 图标，轴为 FILL、wght、GRAD、opsz）。
使用方式：新建项目建议按顺序设置颜色（含亮暗主题与对比度）、排版、形状、图标、布局，再构建组件，最后加入动效。针对具体组件（按钮、卡片、对话框、导航、表单）或场景（增加 M3 外观、M3 Expressive、动画、修复颜色、响应式、暗色模式、添加图标）给出了主导技能与辅助技能的对应表。文档还给出一个按钮的 CSS 示例，展示七支柱如何通过 --md-sys-* 令牌组合，并建议将令牌与组件样式分文件组织。
适用场景：Web（React、MUI、Angular Material、Vue、Vuetify、Svelte、SMUI、Tailwind CSS、Next.js、Web Components、Beer CSS）、移动与跨端（Flutter、Jetpack Compose）、终端 UI（Ink、CLI）等实现 M3 的项目。
限制：资料为指南性说明，未提供具体安装命令、版本号、收费或价格信息；未说明各专项技能本身的完整实现细节，也未提供官方文档链接之外的验证信息；文档末尾部分内容被截断。