什么是 image-carousel?
创建具有悬停激活的自动前进、触摸滑动支持和动画进度指示器的图像轮播。在构建图像库、产品展示或任何带导航的多图像显示时使用。 来源:ainergiz/design-inspirations。
创建具有悬停激活的自动前进、触摸滑动支持和动画进度指示器的图像轮播。在构建图像库、产品展示或任何带导航的多图像显示时使用。
通过命令行快速安装 image-carousel AI 技能到你的开发环境
来源:ainergiz/design-inspirations。
Build smooth image carousels that auto-advance on hover with touch swipe support and animated progress indicators.
| Not hovered | No auto-advance | | Hovered + not paused | Auto-advance every 3s | | Hovered + paused | No auto-advance (resumes after 3s) |
| Context | Active Width | Inactive Width | Height |
创建具有悬停激活的自动前进、触摸滑动支持和动画进度指示器的图像轮播。在构建图像库、产品展示或任何带导航的多图像显示时使用。 来源:ainergiz/design-inspirations。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/ainergiz/design-inspirations --skill image-carousel创建具有悬停激活的自动前进、触摸滑动支持和动画进度指示器的图像轮播。在构建图像库、产品展示或任何带导航的多图像显示时使用。 来源:ainergiz/design-inspirations。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/ainergiz/design-inspirations --skill image-carousel 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/ainergiz/design-inspirations