用途：用于设计、审计或重构卡片组件、卡片网格、条目瓦片与产品卡等有边界的内容容器，判断何时该用卡片、何时用列表或表格。
主要能力：给出卡片适用与不适用条件；结构规范（用 <article> 表示独立内容，否则用 <div> 或网格内 <li>，避免整卡包单个 <a>）；内边距按卡片尺寸分档（紧凑 12px、默认 16–20px、大卡 24px、仪表盘密集卡 16px），四边一致；图片出血、内容内边距；描边与阴影择一，含静止与悬停阴影参数；交互卡片使用延伸链接模式（.card-title a::after 加 inset:0），子交互元素需 position:relative 与 z-index:1；图片比例统一（1:1、4:3、16:9、3:4、2:1），img 声明 width 与 height 防 CLS；网格间距分档且同网格内一致；卡内层级不超过 4 级；标题 1–2 行、描述 2–3 行截断，用 -webkit-line-clamp，截断需可获取全文；骨架形状与卡片一致，微光 1000–1500ms；无数据的卡片不渲染。
使用方式：按决策树判断是否用卡片、是否交互、是否网格、是否密集 UI；按审计清单逐项核查，包括语义包裹、描边或阴影、比例一致、尺寸属性、内边距、等高、悬停不改变尺寸、移动端点击目标 ≥44px、层级数量与骨架匹配等。
适用场景：内容含图片标题描述与操作的条目、相似条目网格、电商与仪表盘等。
限制：资料未提供具体工具安装命令或平台支持说明，相关代码示例为规范片段，价格、收费与效果暂未提供。