用途：在创建布局、设计 UI 组件、建立视觉层级、定义栅格系统、构建设计规范或设计令牌，以及审查现有界面视觉一致性时使用。
主要能力：给出布局与栅格规则（桌面 12 列栅格、8px 基线间距、内容最大宽度 1200-1440px）；视觉层级规则（至少三级层级、主元素至少为次重要元素 1.5 倍、单视口仅一个主 CTA）；组件规则（沿用成熟交互模式、为输入元素定义默认/悬停/聚焦/激活/禁用/错误状态、多步流程加进度指示）；留白与间距规则（区块间桌面纵向至少 64-96px、邻近性原则）；设计规范与令牌（实现前先建样式指南，使用 --color-primary、--spacing-lg、--font-heading 等令牌，避免魔法数字）。还包含 Hero、Bento 卡片、分屏、吸顶导航、模态与遮罩等模式，以及反模式（界面过载、风格不一致、暗黑模式、自动轮播、滚动劫持）和检查清单。
使用方式：资料未提供具体安装命令或调用步骤，仅说明按上述规则与检查清单指导设计与审查。
适用场景：网页界面设计、组件库与设计系统建设、界面视觉一致性审查。
限制：资料未提供收费、价格、平台支持或效果数据；具体实现细节需参考其 references/patterns.md 等关联文档。