用途：当组件被多次渲染（卡片网格、列表、表格、导航菜单、KPI 磁贴、信息流）时，它就从单个盒子变成一种模式。模式的价值在于节奏：用户只需学习一次布局，就能在每个实例中扫描同一槽位。内容长度不一会破坏节奏，除非组件被设计成能吸收这种变化。本技能覆盖布局这一半，以及内容与布局交汇之处。
主要能力：
- 槽位模型：每个槽位位置固定，无论该实例是否有内容；通常只有一个槽位吸收长度变化，其余固定或截断；锚点元素（CTA、价格、状态、趋势）被钉在固定位置。
- 锚点对齐：垂直布局用 flex 列 + margin-top: auto 把页脚钉到底部；水平布局用 margin-left: auto 把状态钉到右侧。兄弟实例等高靠拉伸的 grid/flex 轨道，而非硬编码高度。
- 可选槽位：徽章、折扣标签等要么预留空间（min-height），要么绝对定位覆盖，避免推移后续槽位。
- 文本截断与恢复：多行用 -webkit-line-clamp，单行用 text-overflow: ellipsis，flex 行内需 min-width: 0；截断后必须让完整值可恢复（title、自定义 tooltip 或就地展开），且仅在真正溢出时附加 tooltip。
- 图片：只约束一个维度，用固定 aspect-ratio 加 object-fit，防止被 grid/flex 拉伸变形。
- 标签/值列表：用固定首列的 grid 或表格，而非带分隔符的 flex 行。
- 国际化：德语、芬兰语常比英语长 30–40%，需按最长语言设计槽位。
- 控件区：按状态切换控件时保持同一高度，各状态共用槽位。
使用方式：作为构建或审查重复组件时的检查清单使用，逐项核对槽位定义、等高、锚点钉位、单一弹性槽位、可选槽位处理、媒体比例、截断与恢复、min-width: 0、作者目标长度及最长语言验证。
适用场景：卡片网格、列表行、表格、导航、KPI 磁贴、搜索结果、评论、仪表盘部件等任何重复组件。
限制：资料未提供具体安装命令、平台支持范围、收费方式或效果数据，暂未提供。