用途：为图像与媒体界面提供一套完整的视觉媒体模式参考，覆盖画廊、轮播、播放器、头像、上传与响应式图片等场景，兼顾性能与可访问性。
主要能力：包含四类参考文件——gallery-carousel-patterns.md（瀑布流、对齐式、统一网格、马赛克网格、灯箱、筛选动画、无限滚动、scroll-snap 与自动播放轮播、胶片条、前后对比滑块等 13 种画廊与轮播模式）；media-player-patterns.md（自定义视频播放器、滚动触发画中画、完整音频播放器、播客播放器、语音消息、头像与上传 UI 及进度）；responsive-image-recipes.md（按宽度或 DPR 的 srcset、picture 艺术指导、原生与 IntersectionObserver 懒加载、LQIP、BlurHash、ThumbHash、主色占位）；media-formats-performance.md（AVIF/WebP/JPEG 选择与 Core Web Vitals）。每个模式包含适用条件、更简单的替代方案、完整 HTML/CSS/TSX 与加载策略、可访问性规则、性能成本与测量方式、移动端形态。
使用方式：按需求查阅对应参考文件，例如画廊与轮播读 gallery-carousel-patterns.md，播放器读 media-player-patterns.md，图片交付读 responsive-image-recipes.md，格式与性能读 media-formats-performance.md。
关键原则：为每张图片预留空间（width/height 或 aspect-ratio）以避免布局偏移；首屏主视觉不使用 loading="lazy"，折叠下方内容才懒加载；宽高比是设计决策（16:9 视频、4:3 编辑与产品图、1:1 头像与网格、3:2 摄影、21:9 影院横幅、1.618:1 主视觉）；自动播放需同时具备静音、暂停控件与减少动态效果退出；alt 文本描述功能而非外观，装饰图用 alt=""，链接图描述目标。
适用场景：需要构建或审查媒体密集型界面的前端与设计系统工作。
限制：资料未提供具体安装命令、依赖、平台支持范围、收费或价格信息，暂未提供。