Skip to content

shadcn/ui

Project-aware help to add, compose and theme shadcn/ui components correctly.

Official vendorby shadcn/uiChecked October 18, 2026

The official skill from the shadcn/ui project. It reads your project configuration first, so Claude uses the right framework, aliases and installed components instead of guessing.

Who it is for

  • Frontend developers
  • Indie hackers
  • Vibe coders

Prompts to try

Once the skill is installed, ask for the result in plain words. Claude picks the skill up on its own.

Prompt 1
Add a login form with email and password using shadcn
Prompt 2
Build a settings page with tabs and a profile form
Prompt 3
Switch this project to a new preset and update the theme

How to install it

In Claude Code

  1. npx skills add shadcn/ui

In Claude.ai

Not documented

Good to know

Activates in projects that contain a components.json file.

Unlock the install steps

Free. Leave your email once to open the install steps for all 149 skills, and get the best new skills each month.

No spam. One click to unsubscribe. We use your email to send you the course and AI tips.

How we checked it

Confirmed SKILL.md at skills/shadcn/SKILL.md in shadcn-ui/ui via the GitHub API; skill folder last changed 2026-10-14, repo has 125,816 stars and was pushed 2026-10-17; install command taken from the official shadcn/ui skills documentation page.

Source: github.com/shadcn-ui/ui/tree/main/skills/shadcn