shadcn-create-project

Original：🇺🇸 English
Translated

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

7installs
Sourcewiztral/agent-skills
Added on

NPX Install

npx skill4agent add wiztral/agent-skills shadcn-create-project

Tags

Translated version includes tags in frontmatter
shadcn-uiproject-scaffoldingnextjsvitecli-tool

SKILL.md Content

View Translation Comparison →

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.