prog-expert-scadcn
OfficialMaster shadcn-vue in Nuxt with seamless UI.
Authorskaile-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Configuring and synchronizing shadcn-nuxt (shadcn-vue) across Nuxt 3/4 projects, including a component registry, Tailwind v4 integration, and automated component patterns, can be time-consuming and error-prone.
Core Features & Use Cases
- Shadcn-nuxt module integration: Set up the library, helpers, and auto-import patterns for consistent UI components.
- Component registry: Create and maintain a components.json registry to map components to usage points.
- Tailwind v4 + CVA: Integrate Tailwind CSS v4 with class-variance-authority and tailwind-merge for robust styling.
- Use Case: Rapidly scaffold a Nuxt app with a cohesive, reusable component system.
Quick Start
Create a Nuxt project and configure shadcn-nuxt with a components.json registry to begin using auto-imported, themed components.
Dependency Matrix
Required Modules
richpyyamlrequests
Components
scripts
💻 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: prog-expert-scadcn Download link: https://github.com/skaile-ai/ai-assets/archive/main.zip#prog-expert-scadcn Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.