用途：该技能面向数字产品设计中的布局栅格系统，帮助建立跨断点一致、灵活的页面结构。资料说明其适用场景为确立页面结构。
主要能力：定义响应式栅格，包括列、间距、外边距与断点行为。栅格构成：列通常为移动端4列、平板8列、桌面12列；间距为列间空间，典型值16px、24px或32px；外边距为页面外侧留白，移动端16px、桌面24-48px；断点为布局适配点，例如375、768、1024、1440px。栅格类型包括列栅格（等宽列，用于常规布局）、模块栅格（列加行形成模块）、基线栅格（垂直节奏对齐，4px或8px）、复合栅格（重叠栅格用于复杂布局）。响应式行为：流式（列按比例拉伸）、固定（最大宽度容器内容居中）、自适应（每个断点用不同布局）、减列（较小尺寸减少列数）。常见模式：全出血（内容横跨整个视口）、受限（带外边距的最大宽度）、非对称（侧栏加主内容）、卡片栅格（自动填充响应式卡片）。
最佳实践：使用一致的间距与外边距；让内容对齐栅格而非随意摆放；在每个断点测试，而不仅是两端极值；为开发者记录栅格规格；允许有意图的破格以突出强调。
使用方式与限制：资料仅给出上述设计定义与原则，未提供安装命令、调用示例、平台支持、收费或价格信息，这些内容暂未提供。