Carousel Standalone banner
dannystuart dannystuart

Carousel Standalone

Development community

Description

A themed card carousel with Fantasy and Cosmos modes. Built with Claude Code.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Carousel

A themed card carousel with two visual modes — warm cinematic **Fantasy** and dark atmospheric **Cosmos**. Built entirely through conversation with [Claude Code](https://claude.ai/code).

Themes

**Fantasy** — Cream background with film grain, dark cinematic cards with video backgrounds, warm shadows. Cards fan diagonally down-right.

**Cosmos** — Pure black with a static star field, dark gradient cards with cool glow borders. Cards fan diagonally up-left.

Toggle between themes with the pill switch in the top-right corner.

Run locally

pnpm install
pnpm dev

Open [http://localhost:3000](http://localhost:3000).

How it was made

Click "How this was made" in the bottom-left corner of the app for the full AI-assisted design workflow.

Tech

Next.js 16 / TypeScript / Tailwind CSS v4 / Framer Motion