What problem does it solve? Setting up Aceternity UI in a Next.js project involves multiple error-prone steps: initializing the shadcn CLI, configuring a custom component registry, installing motion dependencies, and debugging issues like missing "use client" directives or a missing cn utility. This Skill provides vetted installation commands, a complete component catalog, and troubleshooting guidance to avoid those failures. ## Core Features & Use Cases - Guided Installation: Step-by-step setup for Next.js 13+ with the shadcn CLI, including the @aceternity registry configuration in components.json and a manual fallback path. - Component Catalog: 100+ animated components organized into 15 categories (backgrounds, cards, parallax, text effects, buttons, navigation, forms, modals, carousels, 3D, loaders) with install commands and use cases. - Troubleshooting & Best Practices: Fixes for common errors (missing motion module, cn not defined, animations not running, dark mode issues) plus performance, accessibility, and dark mode patterns. - Use Case: A developer building a landing page needs an animated hero section. The Skill directs them to install background-beams and typewriter-effect via the shadcn CLI and provides ready-to-adapt TSX code combining both components. ## Quick Start Ask the assistant to set up Aceternity UI in your Next.js project and add an animated background-beams hero section using the shadcn CLI.
