用途：为设计系统搭建可复用的布局组件，用少量原语组合出任意页面结构，替代重复的 flexbox/grid 写法，并让布局在无媒体查询的情况下自适应。
主要能力：提供 Stack（纵向间距）、Cluster（横向换行分组）、Sidebar（两栏，窄屏自动堆叠）、Switcher（按容器宽度切换横竖）、Center（限宽居中）、Cover（全高垂直居中）、Grid（auto-fill 响应式网格）、Frame（宽高比容器）、Reel（横向滚动）、Box（内边距/背景容器）。每个原语均给出 CSS、React 组件与 Tailwind 三种实现，并通过 CSS 变量与 data 属性提供间距、对齐、比例等变体。
使用方式：可直接复制 CSS 类，或使用给出的 React 组件（如 Stack、Cluster、Grid 等）组合嵌套；Tailwind 场景可用 flex flex-col gap-4 等工具类，或通过插件注册 .stack、.cluster 等组件类。示例组合包括页面布局与卡片网格。
适用场景：设计系统布局层、组件库、需要固有响应式布局的项目。
限制：资料未提供安装命令、包名、版本、许可、浏览器兼容范围与收费信息；示例代码为示意，实际接入需自行适配项目环境。