home/categories/full-stack/josechifflet-architecture-patterns-nextjs-trpc-drizzle-tailwind-shadcn-claude-skills-shadcn-ui-skill-md
full-stackdevelopment

shadcn-ui

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and Atlas-specific conventions using Tailwind CSS v4.

josechifflet
maintainer
josechifflet
更新於 10/26/2025
星標
1
分支
0
quick start

Installation and usage

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and Atlas-specific conventions using Tailwind CSS v4.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use shadcn-ui