Handles carousel and slider layouts when you need to rotate content in limited space. Covers testimonials, logos, gallery highlights, and anything where showing one or a few items at a time makes sense. The guidance is solid on accessibility (keyboard nav, reduced motion, screen reader announcements) and has a crucial SEO reminder: all slides must be in the initial HTML because Google won't simulate clicks. Good crossover with testimonials-generator and showcase-page-generator for specific use cases. Helps you decide between carousel, grid, list, or masonry depending on whether you want rotation or full visibility.

skills.sh installs
1.4K
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add kostja94/marketing-skills --skill carousel --agent claude-code

Installs into .claude/skills of the current project.

Files

Carousel construction has moved

Carousel construction is now maintained in the Carousel reference in Bricks, the component layer for AI agents.

npx skills add kostja94/bricks --skill component-builder

Ask the agent to use component-builder to build a new Carousel. This compatibility entry contains no component rules and is no longer maintained.

Sponsors

Details

Repository
github.com/kostja94/marketing-skills
Categories
Frontend Development, Automation & Workflows, Marketing & SEO, Design & UI/UX
First seen
May 16, 2026

More from kostja94/marketing-skills

All 172
1digitalsamba avatarremotiondigitalsamba/claude-code-video-toolkitToolkit-specific Remotion patterns — custom transitions, shared components, and project conventions. For core Remotion framework knowledge (hooks, animations, r1.4Kskills.sh installs
2hoodini avatarmobile-responsivenesshoodini/ai-agents-skillsBuild responsive, mobile-first web applications. Use when implementing responsive layouts, touch interactions, mobile navigation, or optimizing for various scre1.4Kskills.sh installs
3hyperb1iss avatartui-designhyperb1iss/hyperskillsThis skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building 1.3Kskills.sh installs
4hyva-themes avatarhyva-child-themehyva-themes/hyva-ai-toolsCreate a Hyvä child theme in a Magento 2 project. This skill should be used when the user wants to create a new Hyvä child theme, set up a custom theme based on1.3Kskills.sh installs
5bowtiedswan avataranimejsbowtiedswan/animejs-skillsComprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating tim1.3Kskills.sh installs
6vercel-labs avatarinkvercel-labs/json-renderInk terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JS1.3Kskills.sh installs