wiztral

shadcn-create-project

0
0
# Install this skill:
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

  1. Run Creation Command:
    Execute the following command to start the interactive setup:
    bash pnpm dlx shadcn@latest create
    (Or pnpm create shadcn@latest if supported)

  2. 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).
  3. Post-Scaffold Verification:

    • Verify the project directory was created.
    • Verify components.json exists.
    • 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.