How do I add additional UI components later?

You can add components individually using 'npx shadcn@latest add [component]' or import all available components at once using the '--all' flag.

Can I use this skill within a monorepo?

Yes, it includes a specific workflow to remove local lockfiles and workspace configurations, allowing for clean integration with root-level pnpm or npm workspaces.

What design style does this skill use by default?

The skill uses the Nova style with a Zinc base color, Lucide icons, and the Inter font family to ensure a clean, modern aesthetic right out of the box.

Does this skill support v0.dev components?

Absolutely. It provides a specific command to add v0-generated components via URL, including an --overwrite flag to streamline the update process.

Shadcn Next.js Scaffold

Name: Shadcn Next.js Scaffold
Author: mshuffett

bymshuffett

0•

Design Tools

Scaffolds production-ready Next.js projects pre-configured with shadcn/ui components, Radix UI primitives, and the Nova design system.

This skill automates the setup of modern web applications by initializing Next.js projects with a highly opinionated and aesthetic configuration. It streamlines the installation of shadcn/ui using a specialized 'Nova' preset featuring the Zinc color palette, Lucide icons, and Inter font. Beyond initial scaffolding, it provides optimized workflows for importing v0 components, managing monorepo integration, and maintaining a consistent design system across the entire application lifecycle.

Key Features

01Automated Next.js project creation with pre-configured shadcn/ui presets

02Integrated support for Radix UI primitives and Lucide React icons

03Specialized cleanup commands for seamless pnpm monorepo integration

04Streamlined v0 component importing with overwrite protection

050 GitHub stars

06Pre-styled with Nova design system, Zinc color palette, and Inter typography

Use Cases

01Adding a new frontend microservice to an existing pnpm monorepo workspace

02Starting a new SaaS application with a professional, accessible UI kit

03Rapidly prototyping web interfaces using v0-generated components and shadcn

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mshuffett/dotfiles shadcn-nextjs

For use in Claude.ai and ChatGPT

Download Skill