SkillFeeder › 全部 Skill › Bug与质量 › lightgallery
快速搭建响应式图片/视频灯箱与画廊，支持缩放、缩略图、全屏和嵌入视频。
lightgallery
lightgallery 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 sachinchoolur/lightGallery，★ 7,060。快速搭建响应式图片/视频灯箱与画廊，支持缩放、缩略图、全屏和嵌入视频。适合前端开发者。场景是Bug与质量 · 调试排错。能做的事包括按需导入插件，零冗余打包、一套配置通用于 Vue/React/Angular/原生 JS、自动处理 YouTube/Vimeo 缩略图与播放。打开 GitHub 自行安装。
能做什么
- 按需导入插件，零冗余打包
- 一套配置通用于 Vue/React/Angular/原生 JS
- 自动处理 YouTube/Vimeo 缩略图与播放
原文简介
Add or configure a lightGallery image/video lightbox or gallery in vanilla JavaScript, React, Vue or Angular — install, imports, plugins, CSS, settings, and the pitfalls that produce most bug reports. Use when a project needs a lightbox, photo gallery, thumbnail strip, zoomable images or a YouTube/Vimeo gallery, or when editing code that imports lightgallery or @lightgallery/*.
同场景推荐
- diagnosing-superpowers所在仓库 obra/superpowers，仓库 ★ 314,917快速定位超能力会话故障原因并生成带行号证据的诊断报告
- systematic-debugging所在仓库 obra/superpowers，仓库 ★ 314,917定位任意技术问题的根本原因，再提出修复方案
- agent-introspection-debugging所在仓库 affaan-m/ECC，仓库 ★ 300,014自动捕获失败现场、诊断根因、生成可复现的调试报告
- webapp-testing所在仓库 anthropics/skills，仓库 ★ 190,432自动启动本地服务并用 Playwright 测试网页功能、截图和抓取日志
- browser-testing-with-devtools所在仓库 addyosmani/agent-skills，仓库 ★ 114,402在真实浏览器中运行测试并实时捕获 DOM、控制台、网络与性能数据
- debugging-and-error-recovery所在仓库 addyosmani/agent-skills，仓库 ★ 114,402系统化定位并修复代码故障根因
- agent-tracing所在仓库 lobehub/lobehub，仓库 ★ 84,555自动记录并回溯 AI agent 每步执行细节，定位失败工具与 LLM 异常。
- debug-frontend-with-browser所在仓库 lobehub/lobehub，仓库 ★ 84,555定位前端 UI 异常根源，精准识别数据从正确到错误的第一个边界