skills.rest
maneeshanif
maneeshanifCOMMUNITY
Explore all skills by this author →
GitHub

shadcn-ui-setup

Install and configure Shadcn/ui components in a Next.js project.

Updated Dec 11, 2025
Search Tags:#next.js#tailwind#shadcn-ui#radix-ui#ui-setup#aceternity-ui
Ready to run
npx skills add https://github.com/maneeshanif/todo-spec-driven --skill shadcn-ui-setup
💬 Prompt for ChatGPT / Claude Chat▼
Please help me install this Agent Skill.
Skill: shadcn-ui-setup
Source: https://github.com/maneeshanif/todo-spec-driven/tree/main/.claude/skills/shadcn-ui-setup
Command: npx skills add https://github.com/maneeshanif/todo-spec-driven --skill shadcn-ui-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

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.