Skills
.Work. You
Rest

shadcn-ui-setup

Community

Install and configure Shadcn/ui with Aceternity UI.

Software Engineering#next.js#tailwind#shadcn-ui#radix-ui#ui-setup#aceternity-ui
Authormaneeshanif
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams install and configure Shadcn/ui components in a Next.js project, including Radix UI primitives and Aceternity UI effects, reducing setup time and ensuring consistent UI architecture.

Core Features & Use Cases

  • UI library initialization: Set up Shadcn/ui scaffold, component registry, and Tailwind integration.
  • Aceternity UI effects: Integrate animated effects for hero sections and interactive UI.
  • Component registry management: Guidance on organizing components for reuse across pages.

Quick Start

Initiate a new Next.js project with Shadcn/ui support by following the steps in this Skill: run the interactive init, install Aceternity UI, and configure the component registry. After setup, reference the generated components.json and src/components/ui/ structure to start building UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shadcn-ui-setup
Download link: https://github.com/maneeshanif/todo-spec-driven/archive/main.zip#shadcn-ui-setup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.