Skills
.Work. You
Rest

ToonVos-shadcn-ui

Community

Install ShadCN UI components in Wasp.

Software Engineering#tailwind#ui components#installation#shadcn#wasp#import errors
Authormbeps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the installation and configuration of ShadCN UI components within Wasp projects, addressing common import errors and ensuring compatibility.

Core Features & Use Cases

  • Guided Installation: Provides a step-by-step workflow for adding ShadCN components.
  • Version Locking: Enforces the use of ShadCN v2.3.0, critical for Wasp/Tailwind compatibility.
  • Automated Fixes: Includes a mandatory step to correct incorrect import paths generated by ShadCN.
  • Use Case: When starting a new Wasp project and needing to add a button component, this Skill guides you through the npx shadcn@2.3.0 add button command and the essential import path correction.

Quick Start

Use the toonvos-shadcn-ui skill to install the button component and fix its import path.

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: ToonVos-shadcn-ui
Download link: https://github.com/mbeps/Skills/archive/main.zip#toonvos-shadcn-ui

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 223,000+ vetted skills library on demand.