Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add wiztral/agent-skills --skill "shadcn-create-project"
Install specific skill from multi-skill repository
# Description
Scaffold a NEW project with Shadcn UI pre-configured (Next.js, Vite, etc.) using `shadcn create`.
# SKILL.md
name: shadcn-create-project
description: Scaffold a NEW project with Shadcn UI pre-configured (Next.js, Vite, etc.) using shadcn create.
Shadcn Create Project
Use this skill to create a brand new project with Shadcn UI initialized from the start.
Documentation
Workflow
-
Run Creation Command:
Execute the following command to start the interactive setup:
bash pnpm dlx shadcn@latest create
(Orpnpm create shadcn@latestif supported) -
Configuration Prompts:
The CLI will prompt for the following choices. Choose based on user requirements or use defaults:- Project Name: (User defined)
- Framework: Next.js, Laravel, Vite, Remix, or TanStack Start.
- Style: New York (Default) or Default.
- Base Color: Slate, Gray, Zinc, Neutral, Stone.
- CSS Variables:
yes(Always prefer CSS variables).
-
Post-Scaffold Verification:
- Verify the project directory was created.
- Verify
components.jsonexists. - Verify
tailwind.config.ts/js(or CSS config) exists.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.