# Image Carousel

> Image carousel and slider design, when to use carousels, and carousel alternatives.

- Skill: `dragoon0x/image-carousel` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/image-carousel`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/image-carousel/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/image-carousel

---


# Image Carousel

## The Truth
Carousels have low engagement. Users rarely interact past the first slide. Consider alternatives first.

## If You Must Use One
1. Max 5 slides
2. Show navigation (dots or arrows)
3. Pause on hover/focus
4. Swipe on mobile
5. Auto-play: slow (5-7 second intervals) with pause control
6. First slide carries the most important content
7. Visible indicators of total slide count

## Alternatives
- Static hero with the strongest message
- Stacked sections (each "slide" is a scroll section)
- Tabs for different content categories
- Grid for multiple items