vibehacker

shadcn/ui Skill

Skill

The official shadcn/ui skill: add, fix, style, and compose components with real project context.

by shadcnCoding & Dev ToolsDesign & UI Listed Jan 4, 2023

Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.

Product badge

Share this product's name and rating in your README or on your website.

shadcn/ui Skill: rating on VibeHacker

Updates may be delayed by image caching.

shadcn/ui Skill cover

About shadcn/ui Skill

Shipped inside the shadcn/ui repo itself.

This skill gives your agent proper context on shadcn projects: how to add and search components, read components.json, work with registries and --preset codes, and debug or restyle what's already there, including chat-style interfaces. It kicks in for things like shadcn init or "create an app with this preset".

If most of your vibe-coded front ends end up on shadcn anyway, this keeps the agent from hand-rolling components that already exist.

Used shadcn/ui Skill?

Log in to write a review.

No reviews yet

Used it? Write the first review.

Similar skills

View all

ASP.NET Core

Skill

Build and review ASP.NET Core apps with current official guidance