Agent-Skills.md

Agent Skills: Shadcn Create Project

Scaffold a NEW project with Shadcn UI pre-configured (Next.js, Vite, etc.) using `shadcn create`.

UncategorizedID: wiztral/agent-skills/shadcn-create-project

Repository

wiztral/agent-skills
wiztral

Install this agent skill to your local

pnpm dlx add-skill https://github.com/wiztral/agent-skills/tree/HEAD/skills/shadcn-create-project

Skill Files

Browse the full folder contents for shadcn-create-project.

Download Skill

Loading file tree…

skills/shadcn-create-project/SKILL.md

Skill Metadata

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:

    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.