图片画廊灯箱
ReactMedia & Assets用户体验更新于 2026-08-11
使用场景： 构建摄影作品集、产品图片画廊、活动相册或媒体存档页面。
安装
npx skills add image-gallery-lightbox克隆
git clone https://github.com/skillhub-community/image-gallery-lightbox.git描述
实现响应式图片画廊：CSS Grid 瀑布流布局、点击打开灯箱（平滑放大动画）、移动端双指缩放和滑动手势、键盘导航（方向键、Escape 关闭）、图片计数器和标题显示，以及灯箱底部的缩略图条。
通过原生 `loading='lazy'` 懒加载图片并使用 Base64 缩略图模糊占位。自动生成 srcSet 实现响应式图片分发。支持按相册分组并带筛选标签页。
AI Hub
跑 Skill 需要模型接口？
AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@content_wei
许可证MIT
版本1.0.0
依赖0