Shadcn
vercel/vercel-pluginThis skill helps you work with shadcn/ui, a set of beautiful and customizable React components. They work with Tailwind CSS and Radix UI. You can add these components to your project using a CLI tool. The code is copied directly into your project so you have full control.
You can initialize shadcn, add components, build custom themes, and design high-quality interfaces. The skill also covers common issues like component installation and configuration. It is useful for developers who want a fast way to build modern user interfaces.
Add Shadcn skill to your workflow
Global
mkdir -p ~/.claude/skills/shadcnProject
mkdir -p .claude/skills/shadcnSource Repository
More Design & UI/UX Claude Code Skills
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Extract Design Systemarvindrk/extract-design-system
Reverse engineer a website's design into ready-to-use token files
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules